問題タブ [ngfor]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
4136 参照

angular - angular 2 *ngFor、イテラブルがまだインスタンス化されていない場合

まだインスタンス化されていない可能性のあるイテラブルに応じて、いくつかの *ngFor ループがあります。(例えば、彼らは観測可能なものを待っています)

ビューで使用できるこのような表現はありますか?

更新:エラーをスローしている部分は次のとおりです

成分

意見

[null] で未定義のプロパティ 'content' を読み取れません

講義内容はこんな感じ

乾杯

0 投票する
5 に答える
31309 参照

angular - *ngForを使用してオブジェクトキーを反復する方法は?

私は掘り下げていて、次を使用してオブジェクトに対して *ngFor を使用できることがわかりました。

ObjNgForパイプは次のとおりです。

ただし、次のようなオブジェクトがある場合:

*ngFor ディレクティブからアクセスできるように、「propertyA」と「propertyB」を抽出する方法がよくわかりません。何か案は?

アップデート

私がやりたいことは、次の HTML を表示することです。

propertyA何かがandと等しい場合propertyB(これがオブジェクトの構造です)。したがって、これは次のようになります。

0 投票する
1 に答える
247 参照

javascript - Angular2 の変数に依存する更新後に ngFor が起動しない

と の 2 つのコンポーネントがCommandListComponentありCommandLineComponentます。CommandListComponentテンプレート内で、テキスト文字列のクリック イベントを処理します。

CommandListComponentテンプレート:

commandlist.component.ts

が起動すると、選択したコマンドをa のメソッドにclick渡します。addCommandLineComponent

そして、i のテンプレート内で、CommandLineComponent*ngFor を使用してコマンドのリストを出力します。

commandsしかし、更新されたコマンドと配列を選択しても *ngFor は起動しませんCommandLineComponent。そのため、データバインディングは機能していません。commandsアレイは正常に更新されました:

ここに画像の説明を入力

ご協力ありがとう御座います。

0 投票する
1 に答える
27260 参照

json - angular 2のNgforでのjsonオブジェクトの反復

Ngfor で json オブジェクトをイテレーションするのに問題があります。私のテンプレートがあります:

テンプレート:

people は、反復しようとしている json オブジェクトです。(people | json) の結果があり、リストを取得していません。スクリーンショットは次のとおりです。

最後に、json ファイルの一部を次に示します。

お気軽に私を助けてください

0 投票する
4 に答える
2144 参照

javascript - Ionic2 + Angular2 - イオン アイコン スターによる動的レート値

javascript から値を受け取る 0 から 5 つ星 (および x.5 [example 4.5] のような中間値) の単純な動的レートを作成しようとしています。

*ngFor で何かを探しましたが、その仕組みがわかりません。誰かが私を説明/助けてくれますか?

それが役立つ場合は、イオンの場合、3 種類の星を利用できます。

たとえば、サーバーから value rate = 3.5 を受け取った場合、次のようにレンダリングされます。

私はjavascriptを使用していますが、typescriptは使用していません。

どうもありがとう :)

ps このタイトルの方が良いかどうかはわかりませんが、どんな提案でも大歓迎です :)

0 投票する
3 に答える
10892 参照

angular - Angular 2 コンポーネント *ngFor テンプレート解析エラー

angular 2から次のエラーがあります。

これは私のコードです:

ボタンなしで正常に動作するモーダルコンポーネントを生成しようとしました。なぜこれが間違っているのですか?オブジェクトの子配列を角度的に反復できないのはなぜですか? 私は何時間も探しています、助けてください

0 投票する
1 に答える
769 参照

arrays - Angular 2 のオブジェクト配列で ngFor を使用するとエラーが発生する

以下のように、Component クラスでオブジェクトの配列を定義しました。

そして、私のテンプレートでは、次のように ngFor で使用しようとしています:

リストは正しく表示されますが、次のようなコンソール エラーが表示されます。

例外: ./DeskComponent クラス DeskComponent のエラー - インライン テンプレート:1:24 元の例外: TypeError: iterator1.next は関数ではありません

文字列の配列でうまく機能することに注意してください。不足しているものはありますか?どんな助けでも大歓迎です。ありがとう。

編集: Firefox と Chrome でのみこのエラーが発生します (Edge で正常に動作します!)

ngFor Angular 2 の使用エラー