問題タブ [ngfor]

いくつかの配列プロジェクトに取り組んでいますが、 *ngFor が別の*ngFor.

ここのコメント行で、これが すぐ上で宣言されている別のものから来ているjson.total_fa.category場所を提供したいと思います。しかし、結果が得られないのは、存在しない自分自身を見つけようとする角度があるようです。category*ngForjson.total_fa.category

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

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

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

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

Angular 2 で ngFor ループのカウントアップに問題があります。3 つの列と動的な量の行を持つグリッドを開発しようとしています。配列をループして要素を左から右に追加し、3 つの要素ごとに次の行にジャンプする必要があります。Ionic Framework 2.0 を使用しています。

私のコードは次のようになります。

あなたが私を助けてくれることを願っています。

乾杯！

それぞれに異なるテンプレートを持つ一連の条件があり、動的コンテンツローダーを修正する準備ができています。しかし、ngForにあるため、すべての行に影響する条件を選択すると問題が発生します..

ここでは、見栄えの良い結果を確認できます: https://www.dropbox.com/s/e4xg3q4ym2zdhw8/condition.jpg?dl=0

ご覧のとおり、テンプレートは行ごとに異なりますが、行の条件を選択するとすべてが変わります。この for ループを回避する方法を知っていますか、またはこれを修正する他の方法はありますか?

テンプレートのコードは次のとおりです。

これはコンポーネントのコードです:

コンポーネントをAngularで拡張することは可能ですか? もしそうなら、それらがすべて同じ基本コンポーネントを拡張する場合、複数の異なるコンポーネントのリストを (ngFor ループを介して) 作成できますか?

たとえば、すべてのメニュー項目が同じ「CustomMenuItem」コンポーネントを拡張している場合、カスタム メニュー バーにさまざまな種類のメニュー項目のリストを含めることはできますか? 一部はドロップダウン メニュー、一部はボタン、一部はテキスト ボックスなどですが、すべてがいくつかの基本的な機能を共有しています...

私が推測できるすべての構文を試してみましたが、うまくいきませんでした。

私のために働いた唯一のアプローチは

1. コントローラ クラスでメソッドを作成する

   identify(index,post:Post){ return post.id }

と

これが唯一の方法ですか？trackBy のプロパティ名をインラインで指定するだけではダメですか?

私はAngular2とそのngForを使用しています。奇数行と偶数行にクラスを追加して、色で視覚的に区別できるようにします。

これが私のコードです（実際には機能しません）：

私がこのようにすると、コードは機能します：

クラスを列ではなく行に配置するより良い方法はありますか? 前もって感謝します。