問題タブ [ngfor]

こんにちは、Angular2 と Typescript を使用しているときに、配列内の特定のインデックスを削除しようとしています。値からインデックスを取得したいと思います。

私の配列は正常に宣言されています...

削除機能を設定するための基本的な前提から始めます。

JSON.Stringify の console.log は、削除しようとしている値が「6 番目のプロパティ」であることを示しています。ただし、次のコードを使用して配列でこの値を検索しようとすると。-1 を返します。これは、値が配列に見つからないことを意味します。

コンソールへの出力では、検索対象のアイテムが返されますが、配列内のアイテムが見つかりません

配列を検索する関数の実装に何か問題がありますか?

Angular2 の NgFor を使用して HTML を動的に作成しようとしています。

私が抱えていると思われる問題は、1 つのオブジェクトを含む配列があるときはいつでもということです。

私が得ているエラーは次のとおりです。

以下は、私が参照している典型的な JSON オブジェクト (配列内の多くのオブジェクトの 1 つ) です...

このオブジェクトは正しくレンダリングされます。それが参照する最初の子は以下のとおりです。

このオブジェクトには子が 1 つしかなく、ここに問題があります...

各コンポーネントで同じスクリプトを使用して子をレンダリングしています。複数の子があるため、最初のインスタンスのスクリプトは正しく機能しますが、2 番目のインスタンスでは、上記のエラーでクラッシュします。

両方のインスタンスの子の作成に使用しているスクリプトは次のとおりです。

関連する ts ファイルは次のとおりです。

このスクリプトを子参照を 1 つだけ含むオブジェクトで動作させるにはどうすればよいですか?

私は顧客とスプリング レスト バックエンドを扱っている Angular 2 アプリを持っています。顧客オブジェクトには、オブジェクトでもある顧客タイプがあり、オブジェクトが値として保存されるように顧客フォームのドロップダウンが機能していますが、正しい顧客タイプを選択する方法がわかりません既存の顧客がフォームに読み込まれます。

上記のスニペットでは、顧客に既に顧客タイプがある場合、ドロップダウンは値を選択しません。ngOptions を使用して解決された angular1 で同じ問題が発生したことを覚えています。

だから、私の質問は、Angular1 がこの問題を Angular 2 で解決した方法を再現する方法です。

ブートストラップ カルーセルを作成しようとしています。そのため、要素とカルーセル インジケーターを追加するために *ngFor を使用します (現在の位置を示す小さな円)

[class.active]="idx​​ === 0" でアクティブなクラス エントリを設定していますが、正常に動作します。しかし、data-slide-to="idx​​" を設定しようとすると、結果は数値としての必要なインデックスではなく、文字列 "idx" になります。

インデックス値を割り当てる方法はありますか?

これは 2 日間以来、私を困惑させてきました。ループngModel内で新しい反復ごとに新しいものを作成する方法 *ngForアイデアは、質問のリストをロードすることです。すべての質問内に2つの命題があります。これがhtmlです

これは、 に1 つの質問がある場合にのみスムーズに機能します。複数の質問がある場合は、最初の質問の(例: )listQuestionを確認します。他のすべての質問の最初の命題 (最初は のインデックスであるため) は、問題を示す画像を次に示します。propositionlpo[0]lpo = 0

何か助けてください？

1.こんにちは。要素を表示/非表示にする方法はたくさんあります。反復配列の各要素に true/false で変更するプロパティをアタッチします。

したがって、配列の各要素をリストするたびに、item.showSubItem プロパティが作成されます。この場合、配列が変更されています。

しかし、このアイテムを表示/非表示にしたいが、メイン配列を編集せずにどうすればよいですか。最初にこの配列が等しいかどうかをチェックするので重要です。配列に関係のない var を作成する答えがありましたが、すべての要素を個別に表示/非表示にするためにすべての要素に対して var を作成する方法は?

アップデート：

ts ファイル:

更新 2:

home.ts で i=false を使用して配列を初期化しました。

HTMLで子コンポーネントに送信した後：

showSubItems[idx] でアイテムを表示しようとするよりも。

しかし、それはエラーを示しています:

TypeError: 未定義のプロパティ '0' を読み取れません

しかし、すべての{{showSubItems}}配列をレンダリングするとfalse,false,false、問題なく表示されます。

idx値が 2 回目の反復の準備ができていないようです。申し訳ありませんが、プランカーを使用できません(作業中)。

2 つのバインドされた入力 (1 つの大きな配列と配列の 2 つのマーカー (位置)) を持つコンポーネントがあります。

成分：

意見

バインドされたデータ @input をループし、@input マーカー (position.start および position.end) を使用して必要な要素のみをスライスしています (マーカーはいつでも変更できます)。

info.data のループ中にマーカーの 1 つが変更されると、結果がめちゃくちゃになることがあります。

マーカー (position.start または position.stop) の変更後、1 回 (または 2 回) の反復が後で処理されることがあります。

component.start の更新後、反復は i:0 から i:14 に移動する必要があります