問題タブ [angularjs-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が機能しない
この質問をもう一度して申し訳ありませんが、答えや回避策は特定されていません。
これはこの質問のフォローアップです: Stackoverflow
問題を説明するプランカーがあります（基本的に、ツリー構造をドロップダウンリストに入れます）：
図に示すように、最初の選択では値が選択されず、空の行に戻ります。これも謎です。
似たような事例が見つからず、諦めかけているのでこれがラストチャンスです。
重要なコード領域は、フィルターと initTreeSelect 関数です。
あなたの助けは非常に高く評価されます! ありがとう
javascript - プログラムでng-option値を選択する方法は?
レポートをフィルタリングするためのドロップダウンリストで満たされたビューがあります。リンクとして表示される保存済みフィルターのビューもあります。ユーザーが保存したフィルターをクリックすると、ドロップダウンリストの適切な値が選択されるようにします。ドロップダウンは適切に入力されています。保存されたフィルター リンクには、ng-click保存されたフィルター値のコレクションを反復処理し、正しい値を自動的に選択する関数を呼び出す があります。選択したオプションをプログラムで設定する方法がわかりません。どんな助けでも大歓迎です！
保存されたフィルターのリストは次のとおりです。
そして、これが私のコントローラーです
javascript - ディレクティブ内の ng-options に空白のオプションが設定されていないのはなぜですか
入力のプロンプトを管理する AngularJS ディレクティブを作成しようとしてい<select>ます。3 つの異なるモードは次のとおりです。
- 空白のオプションを許可しない
- これはデフォルトの動作です
- テキストのない空白のオプションを許可する
allow-blank="true"ディレクティブの設定により達成
- プロンプト テキスト付きの空白のオプションを許可する
allow-blank以外の値に設定することで実現"true"
ただし、空白のオプションは使用できません。
プランカーのデモ
テンプレート
指令
javascript - ngOptions が select 要素にオプションを表示していません
コントローラーで作成した配列に接続された選択要素の 1 つに ngOptions がありますが、値が表示されません。私は愚かなことをしているに違いない。
Angular が動作していることは確かです。同じ div で (同じコントローラーを使用して) ngModel に関連する式を使用し、正常に動作するため、コントローラーが動作している必要があります。
これは私のhtmlの関連するスニペットです:
<div class="container" ng-app="tagQuestionnaireApp"> <div class="tagger" ng-controller="taggingController"> <form class="form-horizontal" name="tagForm" role="form"> <!-- Categorize Your Tag --> <div class="form-group"> <label class="sub" for="categorize">Categorize</label> <select class="form-control" id="categorize" ng-model="category" ng-options="cat.text in cat of categories"></select> </div> </form> </div> </div>
これは私のjsファイルです:
angularjs - AngularJS: リストボックスで複数のオプションを事前選択する
私のマークアップは次のようになります。
次のようにスコープを初期化しました。
これはすべて私が望むように機能します (車の名前がリストボックスに表示され、コードが値として使用されます)。リストボックスから何かを選択すると (複数の値であっても)、$scope.model.SelectedCars選択した各車のコード (文字列の 1d 配列) が配列に取り込まれます。
私の質問は、有効なコードを手動で$scope.model.SelectedCars配列にプッシュすると、選択したとおりに UI コントロールに反映されないのはなぜですか。ng-optionsこれは、またはを使用している場合にのみ発生しng-repeatます。オプションをハードコーディングすると機能するようです。
サーバーは、選択した車のモデルのみをコード (文字列) の 1 次元配列として提供します。投稿する前に変更せずに送信できるように、ng-model のデータ構造をそのまま保持したいと思います。
どんな助けでも大歓迎です！
angularjs - Angular で複数選択ドロップダウンが機能しないのは、私のデータ構造のせいですか?
複数選択ドロップダウンを作成しようとしています。
ディレクティブを使用して、ng-options基本的に 2 つのデータセットを比較し、一致するオプションを に設定できることがわかりましたselected。
私が持っている2つのコレクションは次のとおりです。
マークアップに使用しようとしたもの:
そのマークアップを使用すると、SendType (To、CC、BCC) ごとに .form-group が作成されます。それぞれに、適切なラベル (sendType.Value) が表示されています。複数選択が表示され、AddressBook のエントリごとにオプションが繰り返されます。また、正しくソートされます。残念ながら何も選択されていません。
について少し調べてng-optionsみると、私のselectedコレクションは、オブジェクトの配列ではなく、文字列の配列である必要があるようです。本当？
奇妙なことに、受信者を手動で選択すると、モデルは次のように更新されます。
これについて何か助けていただければ幸いです。現在、締め切りに遅れています。誰かフィドルか何かが欲しいなら、私に知らせてください。再度、感謝します！