* ngFor不適用於動態值

處理某些數組項目，但卡住了* ngFor不接受另一個*ngFor提供的動態值。* ngFor不適用於動態值

<table border="2"> 
    <tr> 
    <th rowspan="2">Subject</th> 
    <th colspan="4" *ngFor='#category of json.category_name'>{{category}}</th> 
    <th colspan="4">Overall</th> 
    </tr> 
    <tr> 
    <div *ngFor="#category of json.category_name"> 
     <th *ngFor="#fa of json.total_fa.category">{{fa}}</th> //Not Working 
    </div> 
    </tr> 
</table>

在這裏的註釋行，我想提供json.total_fa.category，其中該category從另一個*ngFor這是剛剛上面定義的到來。但沒有得到任何結果似乎棱角分明，試圖找出不存在的json.total_fa.category本身。

但我想加載json.total_fa_term1（這是該類別的第一個索引）。我怎麼能實現這一點。

我可以在同一HTML組件上使用多個* ngFor嗎？
有時* ngFor和* ngIf在嵌入同一元素時無法正常工作爲什麼？

這裏是我的workground demo

來源

2016-03-07 Pardeep Jain

您需要使用.total_fa[category]而不是.total_fa.category否則你會嘗試與名稱category訪問屬性：

<div *ngFor="#category of json.category_name"> 
    <th *ngFor="#fa of json.total_fa[category]">{{fa}}</th> 
</div>

查看更新plunkr：http://plnkr.co/edit/v08AdzNsR4GHMlZWQNsR?p=preview。

來源

2016-03-07 15:20:02

哇，工作正常，但有點問題在那裏。 ''不能正常工作我不知道爲什麼根據期望所有''應該在單行。如何實現這個？ –

我可以在一個元素中使用多個'* ngFor'嗎？ –

我認爲你應該利用管道而不是'ngFor'作爲你的用例。當然你可以有多個'ngFor'。我更新了我的分叉plunkr，使您的示例工作：http://plnkr.co/edit/v08AdzNsR4GHMlZWQNsR?p=preview。隨意告訴我，它是否與你所期望的相符;-) –

* ngFor不適用於動態值

回答

相關問題