問題タブ [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.
javascript - AngularJS の ng-options を使用して select を操作する
他の投稿でそれについて読んだことがありますが、理解できませんでした。
私は配列を持っています、
私はそれを次のようにレンダリングしたい:
また、ID=000002 のオプションを選択したいと思います。
selectを読んで試してみましたが、わかりません。
angularjs - 行が無効になっている ng-options
ng-options
基準に基づいて無効な行にレンダリングされることを使用することは可能ですか?
これ:
次のようなものに変わる可能性があります。
disabled='disabled'
そして、 shade = "dark" を持つすべての色を返すことができるフィルターを介して言ってみましょう
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 だけでなく名前の組み合わせも表示するにはどうすればよいですか?
ありがとう、
javascript - AngularJS select は ng-model なしでは機能しません
AngularJS でselect
セレクターが動作しない理由を知っている人はいng-model
ますか?
上記のコードの 1 行目は機能しますが、2 行目は機能しません。どうして ???
ありがとう!
angularjs - ng-options で orderBy を使用した並べ替え
私のコードは次のとおりです。
ここで、orderBy は info[item.name] に従ってソートされていません。
123abc を表示し、これらに従って並べ替えるが、モデルの値を abc として保持する方法
arrays - ngOptions 配列内のオブジェクトの順序付けと選択
コントローラーには、次のような一連のオプションがあります。
私のビューは、現在次のようになっています。
問題: 結果のドロップダウンは、各オブジェクト キーのアルファではなく、配列内の obj の出現によってソートされず、デフォルト オプションが選択されていません。
これを機能させるために必要な ng-options 式は何ですか?????
ありがとう
javascript - AngularJS - ngOptions: グループ名で注文してからラベルで注文する方法
この形式で次のデータ配列があるとします。
私のバインディングは次のようになります。
GroupA
ドロップダウンにすべてのアイテムをリストし、GroupB
各グループの下にも並べ替えたいと思います。
このようなもの:
Angular フィルターを使用できることはわかってorderBy
いますが、実際には必要な方法で機能しません。私の推測では、リストを希望どおりに手動で並べ替えるカスタム フィルターを作成する必要がありますが、タスクを達成するためのより簡単な方法があるかどうか疑問に思っていました。
javascript - AngularJS - False が選択されている場合、ng-option ドロップダウン リストが ng-model 値を設定しない
選択リストを生成するために使用する<select>
要素があり、できれば選択したものを の値に設定します。これが私のhtmlです:ng-options
ng-model
私のコントローラーには次のコードが含まれています:
アイテムの値が true の場合IsTobacco
、値は適切に設定されており、すべて問題ありません。ただし、false の場合は、{{dep.IsTobacco}}
false としてレンダリングされますが、必要なエラーが表示されます。本当に奇妙な部分は、リストで選択した項目を true に変更すると正常に動作しますが、false に設定すると、新しい空白の項目がリストに追加され、その空白の項目が選択されます。
問題が上記の行にないと思われる場合は、喜んでさらにコードを投稿できます。
ありがとう!
編集: Chrome デバッガーも使用しましたが、データが Angular で開始されたときに、 の値がIsTobacco
に等しいことがわかりましたfalse
。
編集 2:これを見ている人が AngularJS を初めて使用する場合は、パート 1とパート 2の 2 つの記事を読むことを強くお勧めします。AngularJS フォームの概要です。