json - *ngFor は動的な値では機能しません

Question

いくつかの配列プロジェクトに取り組んでいますが、 *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*ngForjson.total_fa.category

しかし、ロードしたいjson.total_fa_term1（これはカテゴリの最初のインデックスです）。どうすればこれを達成できますか。

2. 同じ HTML コンポーネントで複数の *ngFor を使用できますか?

3. *ngFor と *ngIf が同じ要素に埋め込まれているときに正しく動作しないことがあるのはなぜですか?

ここに私の作業場のデモがあります