title: Angular2 access to the methods in child component from parent
body: <p>My question is about the way of have access to childerns component methods from parent component. I found solution which is describe using below example, but I afraid that may be I do it in wrong, not 'angular2 right' way.</p>
  
  <p>For instance we have child:</p>
  
  <pre><code>@Component({ ... })
  export class Modal {
      ...
      open() {
          ...
      }
  }
  </code></pre>
  
  <p>And parent:</p>
  
  <pre><code>import { Modal } from '../common';
  ...
  @Component({
    selector: 'editor',
    directives: [ Modal ],
    templateUrl: './editor.html',
    ...
  })
  export class Editor {
  
      _modal = null;
  
      ...
  
      bindModal(modal) { this._modal=modal; }
  
      open() {
          this._modal.open();
      }
  }
  </code></pre>
  
  <p>And in editor.html:</p>
  
  <pre><code>&lt;button (click)="open()"&gt;Open Editor&lt;/button&gt;
  
  &lt;modal #editModal&gt;{{ bindModal(editModal) }}
      Here is my editor body in modal (popup) window
      ...
  &lt;/modal&gt;
  </code></pre>
  
  <p>This is solution for have access from Editor component to the <code>open()</code> method inside Modal component. It is a little bit tricky. The question is: is there a simplest and more direct way without using 'bindModal' method?</p>