title: Angular 4 - Calling a parent method from a child component not working
body: <p>All of my event emitters are working properly except for one.</p>
  
  <p><strong>child.ts:</strong></p>
  
  <pre><code>@Component({
      ... 
      outputs: ['fileUploaded']
      })
  
  export class childComponent implements OnInit {
    ...
    fileUploaded = new EventEmitter&lt;boolean&gt;();
    ...
    randomMethod(){
       ...
       this.fileUploaded.emit(true);
    }
  
  }
  </code></pre>
  
  <p>randomMethod() is called from the parent component as I'll show in 
  parent.ts. It is not called in child.html.</p>
  
  <p><strong>parent.html</strong></p>
  
  <pre><code>...
  &lt;child (fileUploaded)="onSubmit($event)"&gt;&lt;/child&gt;
  ..
  </code></pre>
  
  <p><strong>parent.ts</strong></p>
  
  <pre><code>export class parentComponent {
     ...
     theChild = new childComponent;
     submitted = false;
     ...
     onSubmit(event: boolean) { 
       console.log('in onSubmit()');
       this.submitted = event;
    }
  
    functionCallsChild(){
       this.theChild.randomMethod();
       ...
       this.theChild = new childComponent;
    }
  }
  </code></pre>
  
  <p>My app never logs "in onSubmit()" so why isn't this method being called? I also tried to not create a new child object on my last line but that didn't make a difference.</p>