問題タブ [ngfor]

*ngForAngular のと*ngIfを同じ要素で使用しようとすると問題が発生します。

でコレクションをループしようとすると*ngFor、コレクションが として表示されnull、その結果、テンプレートでそのプロパティにアクセスしようとすると失敗します。

簡単な解決策は*ngIfレベルを上げることですが、 のリスト項目をループするようなシナリオでは、コレクションが空の場合は空になるか、ulが冗長なコンテナー要素にラップされます。lili

このplnkrの例。

コンソール エラーに注意してください。

私は何か間違ったことをしていますか、それともこれはバグですか?

で変数を作成する方法を見つけようとしていますngFor loop。

次のようなループがあります。

getBuild呼び出しを複数回繰り返す必要があることがわかります。（私の実際の例では何度も）。ループ内でテンプレートにこの変数を作成し、単純に再利用する方法が必要です。

これを行う方法はありますか？

ngFor私はまた、現在を追跡する単純なループを持っていますindex。indexその値を属性に保存して、印刷できるようにしたいと思います。しかし、これがどのように機能するのかわかりません。

私は基本的にこれを持っています：

#iの値を属性に格納したいdata-index。いくつかの方法を試しましたが、どれもうまくいきませんでした。

ここにデモがあります: http://plnkr.co/edit/EXpOKAEIFlI9QwuRcZqp?p=preview

index値をdata-index属性に格納するにはどうすればよいですか?

コンポーネントまたはロードしたいコンポーネントのhtmlセレクターのいずれかを含むことができるjson配列があります。このデータを for ループ内にロードしようとしています。値 {{d.html}} を補間しようとすると、プラン テキストとして表示されます。以下の innerHTML アプローチを使用して dom を検査すると、そこに html が表示されますが、カスタム コンポーネントとして動作しません (dom は、初期化してコンポーネント テンプレートに置き換える代わりに、単に含まれます。

ダイナミック コンテンツ ローダーを見てみましたが、うまく収まりません。これは for ループ内にあるため、テンプレート構文を使用できないため、loadIntoLocation は機能しません。また、コンポーネントに入力があった場合にどのように機能するかわかりません。

コンポーネントで次のコードを使用すると、場所が正しい値で設定されていても何もレンダリングされません。

location.forecast.listTypeScript コンポーネント クラスのオブジェクトの有効な配列ですが、Angular 2 では処理できないと思います。

ngFor選択した DropDownList でを使用しようとしています。ドロップダウンにあるはずのオプションをロードしました。

ここに表示されるコード:

このコードに基づいて、この画像のようなドロップダウンが生成されます。

passenger.Title問題は、「Mr」または「Mrs」のいずれかの文字列に基づいて、「Mr or Mrs」のいずれかをアクティブなものとして設定したいことです。

ここで私が間違っていることを理解するのに役立つ人はいますか?

リストにプロパティを持つオブジェクトの配列を表示しgroup、ユーザーが望むものに応じて特定のグループのオブジェクトのみを表示できるようにしたいと考えています。

そのために、ユーザーの希望を収集するためのチェックボックスがあります。

そして、groupプロパティが選択されたオブジェクトのみを表示できるようにしたいと思います。最初に、選択したグループのみを表示しようとしました:

selectedGroups選択したグループのみの配列を含むオブジェクトを作成できました。

示されているようにconsole.log(this.selectedGroups)、オブジェクトに必要な選択したグループのみが実際に含まれていることを確認しselectedGroups、チェックボックスをオン/オフするときに適切に更新するようにしました。そして、そうです。

問題は、チェック/チェックを外したり、チェックボックスをオンにしたりしても、選択したグループのリストがビューで更新されないことです。selectedGroupsまるでいつもと同じであるかのようにスタックし['Group A', 'Group B', 'Group C']ます。

誰かが理由を知っていますか？の振る舞いと何か関係があり*ngForますか？もしそうなら、私が望む行動をするために私は何ができますか?

*ngIfandを使用して他の方法を試しましたgroupsMapが、どちらも機能しません。

いずれかの方法で解決策を見つけていただければ幸いです。どんな助けでも本当に感謝します、ありがとう!

Angular 1 ではng-repeat、反復が完了したときにコールバック メソッドを呼び出すために使用するカスタム ディレクティブ ("repeater-ready") を作成しました。

マークアップでの使用:

ngForAngular 2 で同様の機能を実現するにはどうすればよいですか?

私は* ngForをIonic 2でうまく動作させていますが、コレクションリピートを使用したいのですが、それはより幅広いデータに適応しています。

コンストラクターにデータをロードしています:

これが *ngFor を使用した私のビューです。注入されたデータは正常に機能しています。

しかし、collection-repeat でロードされた同じデータは機能しません:

データもエラーもありません。これは大量のデータであり、サーバー側で JSON を分割できることはわかっていますが、そのケースはベンチマーク目的のためです (Ionic 1 & collection-repeat は Ionic 2 & ngFor よりもはるかに優れています)。

Ionic 2 ベータ版にはそのディレクティブが含まれていますか?

ありがとう、

デデ