title: Call nested component function angular2
body: <p>Imagine this Host Component code:</p>
  
  <pre><code>@Component({
      directives: [nestedComponentDirective]
  })
  
  export class ParentComponent {
       save():void {
              this.myService.myHTTPCall().subscribe((event) =&gt; {
                  // if callback successfull we need to let directive know
              })
          }
  </code></pre>
  
  <p>Now the Nested Component:</p>
  
  <pre><code>@Component({
    selector: 'someSelector',
    template: `
    &lt;div&gt;
      &lt;button [stuff]="stuff"&lt;/button&gt;
    &lt;/div&gt;`
  })
  
  
  export class ContinuationCheckDirective {
    @Input() waitingForHostedComp(value) {
      console.log ("value", value)
    }
  </code></pre>
  
  <p>How to call waitingForHostedComp from the Host-Component (Parent)?</p>