Angular 4不在我的子組件中呈現我的ID

我有3個組件，它們是嵌套的。但是最後一個孩子的ID不是使用id = {{myId}}呈現的。我也試過[id]=myID。Angular 4不在我的子組件中呈現我的ID

事情是這樣的：

爺爺：

<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>

編輯： 如果我使用控制檯日誌它打印我的「my_id_creation」的最後一個組件上。對於父親和孩子我正在使用：

@Input() myID: string;

來源

2017-08-28 Guilherme Felipe Reis

你的'app-list'正在關閉。另外，你沒有在'app-list'中顯示'myID'。看到固定的例子https://plnkr.co/edit/96V3vie3BbqGDf6u8DoY?p=preview – Pengyy

@Pengyy如果我試圖展示像你一樣，它的工作。它顯示，但下面的div不呈現id。 –

請再次確認。我看到id在固定樣本上被分配給'my_id_creation'。 – Pengyy

您是否收到錯誤？在任何情況下，你的父親和孩子的組成部分需要定義這些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; 
}

來源

2017-08-28 09:29:27

我沒有收到任何錯誤。我已經在父親和孩子的內部添加了輸入 –

@GuilhermeFelipeReis奇怪的是，輸入未正確設置的任何形式的數據綁定都會導致錯誤，包括整個組件未知的情況。你能否在Plnkr/jsfiddle中重現你的情況？ –

我從不使用，我會嘗試。 –

Angular 4不在我的子組件中呈現我的ID

回答

相關問題