問題タブ [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.
angular - angular 2 *ngFor、イテラブルがまだインスタンス化されていない場合
まだインスタンス化されていない可能性のあるイテラブルに応じて、いくつかの *ngFor ループがあります。(例えば、彼らは観測可能なものを待っています)
ビューで使用できるこのような表現はありますか?
更新:エラーをスローしている部分は次のとおりです
成分
意見
[null] で未定義のプロパティ 'content' を読み取れません
講義内容はこんな感じ
乾杯
angular - *ngForを使用してオブジェクトキーを反復する方法は?
私は掘り下げていて、次を使用してオブジェクトに対して *ngFor を使用できることがわかりました。
ObjNgFor
パイプは次のとおりです。
ただし、次のようなオブジェクトがある場合:
*ngFor ディレクティブからアクセスできるように、「propertyA」と「propertyB」を抽出する方法がよくわかりません。何か案は?
アップデート
私がやりたいことは、次の HTML を表示することです。
propertyA
何かがandと等しい場合propertyB
(これがオブジェクトの構造です)。したがって、これは次のようになります。
javascript - Angular2 の変数に依存する更新後に ngFor が起動しない
と の 2 つのコンポーネントがCommandListComponent
ありCommandLineComponent
ます。CommandListComponent
テンプレート内で、テキスト文字列のクリック イベントを処理します。
CommandListComponent
テンプレート:
commandlist.component.ts
が起動すると、選択したコマンドをa のメソッドにclick
渡します。add
CommandLineComponent
そして、i のテンプレート内で、CommandLineComponent
*ngFor を使用してコマンドのリストを出力します。
commands
しかし、更新されたコマンドと配列を選択しても *ngFor は起動しませんCommandLineComponent
。そのため、データバインディングは機能していません。commands
アレイは正常に更新されました:
ご協力ありがとう御座います。
json - angular 2のNgforでのjsonオブジェクトの反復
Ngfor で json オブジェクトをイテレーションするのに問題があります。私のテンプレートがあります:
テンプレート:
people は、反復しようとしている json オブジェクトです。(people | json) の結果があり、リストを取得していません。スクリーンショットは次のとおりです。
最後に、json ファイルの一部を次に示します。
お気軽に私を助けてください
javascript - Ionic2 + Angular2 - イオン アイコン スターによる動的レート値
javascript から値を受け取る 0 から 5 つ星 (および x.5 [example 4.5] のような中間値) の単純な動的レートを作成しようとしています。
*ngFor で何かを探しましたが、その仕組みがわかりません。誰かが私を説明/助けてくれますか?
それが役立つ場合は、イオンの場合、3 種類の星を利用できます。
たとえば、サーバーから value rate = 3.5 を受け取った場合、次のようにレンダリングされます。
私はjavascriptを使用していますが、typescriptは使用していません。
どうもありがとう :)
ps このタイトルの方が良いかどうかはわかりませんが、どんな提案でも大歓迎です :)
angular - Angular 2 コンポーネント *ngFor テンプレート解析エラー
angular 2から次のエラーがあります。
これは私のコードです:
ボタンなしで正常に動作するモーダルコンポーネントを生成しようとしました。なぜこれが間違っているのですか?オブジェクトの子配列を角度的に反復できないのはなぜですか? 私は何時間も探しています、助けてください
arrays - Angular 2 のオブジェクト配列で ngFor を使用するとエラーが発生する
以下のように、Component クラスでオブジェクトの配列を定義しました。
そして、私のテンプレートでは、次のように ngFor で使用しようとしています:
リストは正しく表示されますが、次のようなコンソール エラーが表示されます。
例外: ./DeskComponent クラス DeskComponent のエラー - インライン テンプレート:1:24 元の例外: TypeError: iterator1.next は関数ではありません
文字列の配列でうまく機能することに注意してください。不足しているものはありますか?どんな助けでも大歓迎です。ありがとう。
編集: Firefox と Chrome でのみこのエラーが発生します (Edge で正常に動作します!)