0

处理一些数组项目，但卡在 *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（这是该类别的第一个索引）。我怎么能做到这一点。

  1. 我可以在同一个 HTML 组件上使用多个 *ngFor 吗？

  2. 有时 *ngFor 和 *ngIf 在嵌入同一元素时无法正常工作，为什么？

这是我的工作区演示

4

1 回答 1

2

您需要使用.total_fa[category]，.total_fa.category否则您将尝试使用 name 访问属性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-07T15:20:02.723 回答