問題タブ [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 投票する
2 に答える
9337 参照

html - ngFor 生成テーブルのフォーム入力値

テーブル内の任意のプレーヤーの番号を送信できるようにしたいと考えています。

Angular2 で *ngFor を使用してテーブルを生成しています。
そのテーブルの要素ごとに、入力フィールドを含むフォームを追加します。

これらのフォームからの入力値を送信して含めるにはどうすればよいですか?

入力ボックスから値を送信および取得できませんでした。
定義id="inputname"してから作品#inputnameに追加できる静的フォームに対してそれを行います。inputname.value(submit)="onBid(inputname.value)"

試してみましadding id={{player.id}}#{{player.id}}が、に追加する方法がわかりませんonBid()

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

angular - *ngFor オブジェクト属性未定義

Angular 1 からの Angular 2 から始めていますが、オブジェクトの属性で ngFor を使用する方法がわかりません。 this.myVar属性を定義する HTTP 要求の結果に基づいて定義されattrます。

これが私のコードです:

そして、これはエラーです:

例外: TypeError: [myVar.attr in ...] で未定義のプロパティ 'attr' を読み取ることができません

ありがとうございました!

0 投票する
2 に答える
109 参照

http - * HTTP/JSONP 呼び出しの後、ngFor のレンダリングされた順序は信頼できませんか?

特定の順序になっている「キー」の配列からの情報を使用して、JSONP 呼び出しを行います。結果の新しい配列を、キーのソース配列と同じ順序にする必要があります。これは時々発生しますが、常にではありません。

forEach、for ループ、キー値だけの単純な配列、およびフィールド「name」の後にキー値が続く配列を試しました。一貫した注文を取得できない理由がわかりません。以下は、単純な配列とキー値のみです。

メインコンポーネントのビュー:

0 投票する
0 に答える
1476 参照

angular - angular2: ネストされた ngFor で「もっと見る」

angular2でこのソリューションに似たものを実装しようとしています。スライス パイプを使用して反復回数を制限できることはわかっています (limitTo と同様)。問題は、angular2 に ng-init ディレクティブがなく、このシナリオではローカル変数が機能しないようで、各サブエンティティに対してローカルである必要があるため、コンポーネントのレベルで変数を使用できないことです (見られるように下の例では)。

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

javascript - 子コンポーネントで ngFor インデックス変数を使用する方法

ngFor を使用して配列からリストを作成し、他のコンポーネントを介してそのリストの要素をインポートしています。

私のリスト コンポーネントでは、インデックスを取得するために ngFor を使用しています。子コンポーネント内でこのインデックスを使用して (コードを参照)、動的変数を作成したいと考えていますが、動作させることができないようです。

「taskService」内に、クリック時に呼び出されるメソッドがあります - editTask(i) - 配列アイテムのインデックスを渡すことができるようにしたいです

私のクラスは次のようになります。

十分に説明できていることを願っています。さらに情報が必要な場合はお知らせください。

0 投票する
2 に答える
2226 参照

angular - Angular 2 で *ngFor を使用して HTML テンプレートのローカル変数にアクセスする

以下のサンプルコードで、Angular 2でngForを使用しようとしています

次のように、アンカー タグに *ngIf を適用して、facet.count > 0 のタグのみを表示したいと考えています。

しかし、ファセットはアンカータグでは利用できず、タグ内のテンプレートでのみ利用できます<a>.どうすれば同じことを達成できますか?解決策は何ですか.