title: How to set value in child from parent?
body: <p>I have this plunker:</p>
  
  <p><a href="https://plnkr.co/edit/5XbuxoGG6NqomayLP4Ae?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/5XbuxoGG6NqomayLP4Ae?p=preview</a></p>
  
  <p>I have this:</p>
  
  <pre><code>&gt; @Component({   selector: 'my-app',   template: `
  &gt;     &lt;layout [child]="childModal"&gt;
  &gt;      &lt;div class="body"&gt;
  &gt;       &lt;common-modal  #childModal [title]="'common modal'"&gt; 
  &gt;     &lt;div class="modal-body"&gt;
  &gt;     {{5+7}} {{item}}
  &gt;     Hi heloo &lt;/div&gt;
  &gt;     &lt;/common-modal&gt; 
  &gt;      &lt;/div&gt;
  &gt;     &lt;/layout&gt;
  &gt;     &lt;button type="button" class="btn btn-primary" (click)="childModal.show()"&gt;Open modal&lt;/button&gt;
  &gt;    
  &gt; 
  &gt;   `, })
  
  export class AppComponent {
    @ViewChild('childModal') childModal :CommonModalComponent;
    item:number=150;
    constructor(private viewContainerRef: ViewContainerRef) {
    }
  
  }
  </code></pre>
  
  <p>How in layout commponent i can set item from App component. Any suggestion? My question is how to set child variable from parent if i dont have in child only parent component and some other components. </p>
  
  <pre><code>&lt;parent&gt;
  &lt;some-other-component&gt;&lt;/some-other-component&gt;
  &lt;/parent&gt;
  </code></pre>
  
  <p>I dont have selector for child.
  How can i change in layout component value of item that is in AppComponent?</p>
  
  <p>EDIT:
  This is what im trying to do:
  <a href="https://plnkr.co/edit/BVS2AlQNZ7kO5wbsTBaA?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/BVS2AlQNZ7kO5wbsTBaA?p=preview</a></p>
  
  <p>But emit is not working for some reason.</p>