問題タブ [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 - angular で ng-options を使用してキーと値で選択オプションを表示し、デフォルト値を設定する
私は次のjsonを持っています:
私の見解では、私は持っています
コントローラーでデフォルトの国を設定できますが、唯一の問題はドロップダウンがこのように見えることです
ng-options に track by country.code を追加すると、値が正しく設定された選択リストが正しく取得されます
しかし、コントローラーからデフォルトを設定できません
また
この問題を解決する方法を知っている人はいますか。
javascript - 複数の ng-options を使用してカスケード/連鎖ドロップダウンを処理する方法
ドロップダウンの上にあるドロップダウンで何かが選択されている場合にのみ、ドロップダウンを設定しようとしています。このようなもので、誰かに正しい出発方向を教えてもらいました。
これは最初のラウンドでは問題ありません。下のドロップダウンは、前のドロップダウンで何かが選択されるまで入力されません。トリッキーな部分は、5番目のものまでずっと選択したと言って、2番目のレベルのものを再選択するかどうかを理解しようとしていることです. 次に、3 番目のレベルを表示し、4-5 を非表示にします。おそらく ng_show="!scope2 || !scope3" (または複数の引数を渡す場合に似たもの) のようなものを考えていましたが、このようなものを角度で動作させることはできません。これに対処するより良い方法はありますか?
angularjs - ng-select と ng-options の使用方法
このページに到達している間、コントローラーからモデル属性を介して国リストをロードしています。しかし、私が選択している値は私の選択にバインドされていません。回避する方法を提供してください。または、ng-options を使用する必要があります。
国のリストは、モデルに入れてクライアント側に送信するハッシュマップです。
javascript - ng-options を使用して選択時にプロンプトを設定するにはどうすればよいですか?
次のように ng-options を使用して選択を設定する選択があります。
人のコレクションが空であるか、値がまだ選択されていない場合、デフォルトのコレクションに値を追加したくありません。選択を使用するように促すために、選択にプロンプトを表示したいと思います。ご提案いただきありがとうございます。
javascript - Angularjs 選択は、一致するモデルを選択済みとしてマークしません
選択中の ngModel が選択済みとして表示されないという問題があります。ID と名前の両方が一致していますが、機能していません。selectedState を参照してください。オプション配列内の実際のオブジェクトへのモデルのポイントは機能します。selectedState2 を参照してください。何が起こっているのかわからない...
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 は定義されていません (ドロップダウン メニューから値を選択したにもかかわらず)。
どんなアドバイスでも大歓迎です、
お時間をいただきありがとうございます。
javascript - 選択オプションが除外された後、Angular モデルの更新に失敗する
バインドされた選択オプションが存在しなくなったときにモデルが更新されない理由を理解しようとしています。モデルのプロパティが未定義/null/空の文字列に更新されることを期待しています。
状況:フィルターを使用して別のselect
ドライバーを駆動します。select
選択が完了したら、元のオプションに移動してselect
別のオプションを選択します。フィルターはselect
予想どおり 2 番目のオプションを削除しますが、2 番目のモデル プロパティはselect
変更されません。
問題:モデルを渡そうとすると、不適切な値や以前の値が入力されます。さらに、Angular 検証を使用すると、select
必要になります...モデルにはプロパティの値 (以前の値) があるため、フォームは技術的に「有効」です。
HTML:
モデル:
ng-change 関数を最初に結び付けてモデルを強制的に更新できると確信していますが、より良い方法はありますか?
問題を示すプランカーの例
angularjs - Angular JS - 選択コントロールの選択されたテキストを取得します
問題を解決するために次のリンクをたどりましたが、うまくいきませんでした: AngularJS を使用してオプション テキスト値を取得する方法は?
サーバーのセットを含むドロップダウンがあります。ドロップダウンから値を選択すると、選択した値が別の div に表示されます。これが私がやったことです:
コントロールを選択:
選択したテキストの表示:
ただし、これは選択したテキストを表示しません。私は何を間違っていますか?