問題タブ [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.
html - ngFor 生成テーブルのフォーム入力値
テーブル内の任意のプレーヤーの番号を送信できるようにしたいと考えています。
Angular2 で *ngFor を使用してテーブルを生成しています。
そのテーブルの要素ごとに、入力フィールドを含むフォームを追加します。
これらのフォームからの入力値を送信して含めるにはどうすればよいですか?
入力ボックスから値を送信および取得できませんでした。
定義id="inputname"
してから作品#inputname
に追加できる静的フォームに対してそれを行います。inputname.value
(submit)="onBid(inputname.value)"
試してみましadding id={{player.id}}
た#{{player.id}}
が、に追加する方法がわかりませんonBid()
。
angular - *ngFor オブジェクト属性未定義
Angular 1 からの Angular 2 から始めていますが、オブジェクトの属性で ngFor を使用する方法がわかりません。
this.myVar
属性を定義する HTTP 要求の結果に基づいて定義されattr
ます。
これが私のコードです:
そして、これはエラーです:
例外: TypeError: [myVar.attr in ...] で未定義のプロパティ 'attr' を読み取ることができません
ありがとうございました!
http - * HTTP/JSONP 呼び出しの後、ngFor のレンダリングされた順序は信頼できませんか?
特定の順序になっている「キー」の配列からの情報を使用して、JSONP 呼び出しを行います。結果の新しい配列を、キーのソース配列と同じ順序にする必要があります。これは時々発生しますが、常にではありません。
forEach、for ループ、キー値だけの単純な配列、およびフィールド「name」の後にキー値が続く配列を試しました。一貫した注文を取得できない理由がわかりません。以下は、単純な配列とキー値のみです。
メインコンポーネントのビュー:
angular - angular2: ネストされた ngFor で「もっと見る」
angular2でこのソリューションに似たものを実装しようとしています。スライス パイプを使用して反復回数を制限できることはわかっています (limitTo と同様)。問題は、angular2 に ng-init ディレクティブがなく、このシナリオではローカル変数が機能しないようで、各サブエンティティに対してローカルである必要があるため、コンポーネントのレベルで変数を使用できないことです (見られるように下の例では)。
javascript - 子コンポーネントで ngFor インデックス変数を使用する方法
ngFor を使用して配列からリストを作成し、他のコンポーネントを介してそのリストの要素をインポートしています。
私のリスト コンポーネントでは、インデックスを取得するために ngFor を使用しています。子コンポーネント内でこのインデックスを使用して (コードを参照)、動的変数を作成したいと考えていますが、動作させることができないようです。
「taskService」内に、クリック時に呼び出されるメソッドがあります - editTask(i) - 配列アイテムのインデックスを渡すことができるようにしたいです
私のクラスは次のようになります。
十分に説明できていることを願っています。さらに情報が必要な場合はお知らせください。
angular - Angular 2 で *ngFor を使用して HTML テンプレートのローカル変数にアクセスする
以下のサンプルコードで、Angular 2でngForを使用しようとしています
次のように、アンカー タグに *ngIf を適用して、facet.count > 0 のタグのみを表示したいと考えています。
しかし、ファセットはアンカータグでは利用できず、タグ内のテンプレートでのみ利用できます<a>
.どうすれば同じことを達成できますか?解決策は何ですか.