問題タブ [ng-options]

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 投票する
8 に答える
452085 参照

javascript - AngularJS の ng-options を使用して select を操作する

他の投稿でそれについて読んだことがありますが、理解できませんでした。

私は配列を持っています、

私はそれを次のようにレンダリングしたい:

また、ID=000002 のオプションを選択したいと思います。

selectを読んで試してみましたが、わかりません。

0 投票する
11 に答える
85195 参照

angularjs - 行が無効になっている ng-options

ng-options基準に基づいて無効な行にレンダリングされることを使用することは可能ですか?

これ:

次のようなものに変わる可能性があります。

disabled='disabled'そして、 shade = "dark" を持つすべての色を返すことができるフィルターを介して言ってみましょう

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

angularjs - Angularで選択を直接使用すると、選択したアイテムにバインドされないのはなぜですか?

HTML の「select」と「option」のテストと理解に取り組んでいます。ドキュメントを読み、HTML でリストボックスを作成する方法を理解しました。次の plunker を実行すると、期待どおりの動作が見られます。 http://plnkr.co/edit/y5BlZnzQgy1C4DxNHpLl?p=preview
予想される動作が表示されます。angular Web サイトで現在のドキュメントを使用しています。
2 つの質問があります。
1. コメント化されたコードを有効にして ng-option をコメントアウトすると、データ バインディングが機能し、ID と名前の両方がドロップダウンに表示されます。しかし、selectemItem が適切なインデックスにバインドされないのはなぜでしょうか?
2. plunker のように現在の作業例に固執する場合、リスト ボックスに id だけでなく名前の組み合わせも表示するにはどうすればよいですか?

ありがとう、

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

javascript - AngularJS select は ng-model なしでは機能しません

AngularJS でselectセレクターが動作しない理由を知っている人はいng-modelますか?

上記のコードの 1 行目は機能しますが、2 行目は機能しません。どうして ???

ありがとう!

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

angularjs - ng-options で orderBy を使用した並べ替え

私のコードは次のとおりです。

ここで、orderBy は info[item.name] に従ってソートされていません。

123abc を表示し、これらに従って並べ替えるが、モデルの値を abc として保持する方法

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

arrays - ngOptions 配列内のオブジェクトの順序付けと選択

コントローラーには、次のような一連のオプションがあります。

私のビューは、現在次のようになっています。

問題: 結果のドロップダウンは、各オブジェクト キーのアルファではなく、配列内の obj の出現によってソートされず、デフォルト オプションが選択されていません。

これを機能させるために必要な ng-options 式は何ですか?????

ありがとう

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

javascript - AngularJS - ngOptions: グループ名で注文してからラベルで注文する方法

この形式で次のデータ配列があるとします。

私のバインディングは次のようになります。

GroupAドロップダウンにすべてのアイテムをリストし、GroupB各グループの下にも並べ替えたいと思います。

このようなもの:

Angular フィルターを使用できることはわかってorderByいますが、実際には必要な方法で機能しません。私の推測では、リストを希望どおりに手動で並べ替えるカスタム フィルターを作成する必要がありますが、タスクを達成するためのより簡単な方法があるかどうか疑問に思っていました。

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

javascript - AngularJS - False が選択されている場合、ng-option ドロップダウン リストが ng-model 値を設定しない

選択リストを生成するために使用する<select>要素があり、できれば選択したものを の値に設定します。これが私のhtmlです:ng-optionsng-model

私のコントローラーには次のコードが含まれています:

アイテムの値が true の場合IsTobacco、値は適切に設定されており、すべて問題ありません。ただし、false の場合は、{{dep.IsTobacco}}false としてレンダリングされますが、必要なエラーが表示されます。本当に奇妙な部分は、リストで選択した項目を true に変更すると正常に動作しますが、false に設定すると、新しい空白の項目がリストに追加され、その空白の項目が選択されます。

問題が上記の行にないと思われる場合は、喜んでさらにコードを投稿できます。

ありがとう!

編集: Chrome デバッガーも使用しましたが、データが Angular で開始されたときに、 の値がIsTobaccoに等しいことがわかりましたfalse

編集 2:これを見ている人が AngularJS を初めて使用する場合は、パート 1パート 2の 2 つの記事を読むことを強くお勧めします。AngularJS フォームの概要です。