子要素のIDがレンダリングされません。

Question

3つのコンポーネントがあり、それらはネストされています。 最後の子のIDはid = {{myId}}を使用してレンダリングされていません。 私は[id]=myIDも試しました。

このような何か：

祖父：

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

父：

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

子供

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

EDIT： 私は最後のコンポーネントにコンソールログを使用している場合、それは私の "my_id_creation" を出力します。

@Input() myID: string; 

Answer 1

あなたはエラーを取得されています？私が使用している父と子のために いずれにしても、あなたの父と子のコンポーネントは、これらのIDを入力として定義する必要があります。

@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; 
}