Angular 4 rendert meine ID in meiner Kindkomponente nicht

Question

Ich habe 3 Komponenten, sie sind verschachtelt. Die ID des letzten untergeordneten Elements wird jedoch nicht mit id = {{myId}} gerendert. Ich versuchte auch [id]=myID.

Etwas wie folgt aus:

großväterlichen:

<app-middle-section #middleSection 
        myTitle="Title" 
        myID="my_id_creation" > 
</app-middle-section> 

Vater:

<div class="section rounded"> 
    <div class="title">{{myTitle}}</div> 
    <app-list #glist 
       myID= {{myID}} 
    </app-list> 
</div> 

Kinder

<div class=""> 
    <div id="{{myID}}" class=""></div> 
</div> 

EDIT: Wenn ich Konsolenprotokoll auf der letzten Komponente es meine "my_id_creation" druckt. Für den Vater und Kind bin ich mit der:

@Input() myID: string; 

Answer 1

Sind Sie erhalte eine Fehlermeldung? In jedem Fall müssen Ihre Vater- und Kindkomponenten diese IDs als Eingabe definieren, etwa so:

@Component({ 
    selector: 'father-component', 
    template: ` 
     <div class="section rounded"> 
      <div class="title">{{myTitle}}</div> 
      <app-list #glist 
       [id]="id" 
      </app-list> 
     </div> 
    ` 
}) 
export class FatherComponent { 
    @Input() id: number; 
}