問題タブ [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.

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

javascript - angular で ng-options を使用してキーと値で選択オプションを表示し、デフォルト値を設定する

私は次のjsonを持っています:

私の見解では、私は持っています

コントローラーでデフォルトの国を設定できますが、唯一の問題はドロップダウンがこのように見えることです

ng-options に track by country.code を追加すると、値が正しく設定された選択リストが正しく取得されます

しかし、コントローラーからデフォルトを設定できません

また

この問題を解決する方法を知っている人はいますか。

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

javascript - 複数の ng-options を使用してカスケード/連鎖ドロップダウンを処理する方法

ドロップダウンの上にあるドロップダウンで何かが選択されている場合にのみ、ドロップダウンを設定しようとしています。このようなもので、誰かに正しい出発方向を教えてもらいました。

これは最初のラウンドでは問題ありません。下のドロップダウンは、前のドロップダウンで何かが選択されるまで入力されません。トリッキーな部分は、5番目のものまでずっと選択したと言って、2番目のレベルのものを再選択するかどうかを理解しようとしていることです. 次に、3 番目のレベルを表示し、4-5 を非表示にします。おそらく ng_show="!scope2 || !scope3" (または複数の引数を渡す場合に似たもの) のようなものを考えていましたが、このようなものを角度で動作させることはできません。これに対処するより良い方法はありますか?

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

angularjs - ng-select と ng-options の使用方法

このページに到達している間、コントローラーからモデル属性を介して国リストをロードしています。しかし、私が選択している値は私の選択にバインドされていません。回避する方法を提供してください。または、ng-options を使用する必要があります。

国のリストは、モデルに入れてクライアント側に送信するハッシュマップです。

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

javascript - ng-options を使用して選択時にプロンプ​​トを設定するにはどうすればよいですか?

次のように ng-options を使用して選択を設定する選択があります。

人のコレクションが空であるか、値がまだ選択されていない場合、デフォルトのコレクションに値を追加したくありません。選択を使用するように促すために、選択にプロンプ​​トを表示したいと思います。ご提案いただきありがとうございます。

0 投票する
6 に答える
13313 参照

javascript - Angularjs 選択は、一致するモデルを選択済みとしてマークしません

選択中の ngModel が選択済みとして表示されないという問題があります。ID と名前の両方が一致していますが、機能していません。selectedState を参照してください。オプション配列内の実際のオブジェクトへのモデルのポイントは機能します。selectedState2 を参照してください。何が起こっているのかわからない...

フィドル: http://jsfiddle.net/fedorsmirnoff/b49n4Ldp/2/

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

javascript - AngularJS の ng-model は、ドロップダウン メニュー (ng-options) から選択した値をバインドせず、ページをリロードすることもできません

基本的に、localhost で実行されている Web サーバーがあり、AngularJS Web アプリとサーバーの間でデータを交換したいと考えています。データの転送は成功しましたが、正しく表示するのに問題があります。

AngularJS アプリケーションの単純化された plunkr バージョンを作成しました ...

明らかに、サーバー側のコードはありませんが、必要ありません。plunkr で述べたように、複数の問題があります。

  • $route.reload()を使用し$window.location.reload(true)てページをリロードできません$window.location.href = $window.location.href
  • また、ng-options の ng-model はデータをバインドしません。sendData を呼び出すときにデバッガーに入ると、tempData は定義されていますが、selectedListItem は定義されていません (ドロップダウン メニューから値を選択したにもかかわらず)。

どんなアドバイスでも大歓迎です、

お時間をいただきありがとうございます。

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

javascript - 選択オプションが除外された後、Angular モデルの更新に失敗する

バインドされた選択オプションが存在しなくなったときにモデルが更新されない理由を理解しようとしています。モデルのプロパティが未定義/null/空の文字列に更新されることを期待しています。

状況:フィルターを使用して別のselectドライバーを駆動します。select選択が完了したら、元のオプションに移動してselect別のオプションを選択します。フィルターはselect予想どおり 2 番目のオプションを削除しますが、2 番目のモデル プロパティはselect変更されません。

問題:モデルを渡そうとすると、不適切な値や以前の値が入力されます。さらに、Angular 検証を使用すると、select必要になります...モデルにはプロパティの値 (以前の値) があるため、フォームは技術的に「有効」です。

HTML:

モデル:

ng-change 関数を最初に結び付けてモデルを強制的に更新できると確信していますが、より良い方法はありますか?

問題を示すプランカーの例

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

angularjs - Angular JS - 選択コントロールの選択されたテキストを取得します

問題を解決するために次のリンクをたどりましたが、うまくいきませんでした: AngularJS を使用してオプション テキスト値を取得する方法は?

サーバーのセットを含むドロップダウンがあります。ドロップダウンから値を選択すると、選択した値が別の div に表示されます。これが私がやったことです:

コントロールを選択:

選択したテキストの表示:

ただし、これは選択したテキストを表示しません。私は何を間違っていますか?