問題タブ [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 投票する
2 に答える
9769 参照

javascript - AngularJs - ajax 呼び出し後に ng-options がバインドされない

ajax 呼び出し後に ng-options の選択されたインデックスを変更しようとしましたが、変更されません。

そして、これがMy APIで送信するデータです。

どうしたの?ng-options の選択を自動的に変更するには?

0 投票する
3 に答える
6781 参照

javascript - キーペアオブジェクトの配列を持つ ng-options

サードパーティから取得した次のデータがあります。

データの編成方法は、私が行った方法とは異なりますが、表示される値とオプションの両方が国のフルネームになるように、これらすべてを ng-options を使用して選択する必要があります

試してみng-options="code as name for (code, name) in countries"ましたが、選択値としてオブジェクトを取得します。

0 投票する
3 に答える
18660 参照

angularjs - angularjs - 複数のハードコーディングされたオプションを追加して、ng-options でボックスを選択します

が入力された選択ボックスがありますng-options。次のように、デフォルトのオプションを手動で追加できることを知っています。

複数のオプションを追加する方法はありますか? クライアントは、最初のデフォルト オプションに「アドレスから選択」を指定し、上に示した [新しいアドレスの追加] オプションをリストの最後のオプションにする必要がありますng-options

(jQuery を使用してそのオプションを追加できることはわかっていますが、可能であればすべて角度を維持したいと考えています。)

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

angularjs - AngularJS - プロパティで指定されたオブジェクトに ng-options を接続する

私はフォームジェネレーターの実装に取り​​組んでおり、ng-options で現在の「フィールド」のプロパティを評価し、$scope.options などにリストされている選択された「オプション」を返したいと考えています。

これは、コントローラーでオブジェクトを含む「オプション」をセットアップし、フォーム要素に正しいオブジェクトを使用してドロップダウンを設定できることを意味します。

私のフォームはリレーショナル データベースから構築されているため、ターゲット オブジェクトをハード コーディングしても役に立ちません (機能しますが、スケーラブルではありません)。

変数からオブジェクト名にジャンプする式を評価するために ng-options を取得する方法を考え出すのに行き詰まっています。

たぶん、これを完全に行うためのより良い方法がありますか?

<select id="{{field.Name}}" ng-model="field.Value"ng-options="option.ID as option.Value for option in [SOMETHING THAT EVALUATES TO AN OBJECT NAMED IN THE BINDING PROPERTY]" ng-required="field.Required"></select>

ここにフィドルがあります:JSFiddle

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

javascript - マウスの代わりに矢印キーボードを使用すると、ng-options モデルが更新されない

私はjsフィドルを作成しました:フィドル

いくつかの ng-options を含むフォームを作成しましたが、マウスの代わりにボタンを使用すると奇妙な動作が発生します (テキストボックスをクリックして「タブ」を押すと、矢印キーを使用して選択できます)。

Javascript:

First try で最初のオプションを選択すると、ng-model は更新されません。

何が問題で、これを修正する方法は?

以下のコメントで言及されているように、再現するには、マウスをテキストフィールドに入力し、タブでコンボボックスに移動し、キーボードを使用して 2 番目のオプション (スリラー) を選択してみてください。これは最初の試行では失敗します。3 番目または最初のオプションが選択されると、2 番目のオプションも認識されます。

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

javascript - AngularJS の promise を使用した複数のリソース呼び出し

ユーザーを認証し、ユーザーに関連付けられたトランザクションのリストを表示する単純な AngularJS アプリケーションを開発しています。さらに、ユーザーが取引を年ごとにフィルタリングできるドロップダウンがあります。コンボボックス モデルは、AngularJS リソースを介して API から取得する値の配列ですが、現在のユーザーを取得した後でのみ取得します。これはコードです:

今日プロミスを学び、何かを誤解したかもしれませんが、このコードは単純に見えます。

問題はcurrentYear、の最初の要素にtimefilters.years代入しようとすると、関数で代入しようとしているときに配列が空であってはならない場合でも、代入が失敗することです.then。その結果、ドロップダウンには年が取り込まれますが、年は選択されていません。

ここで私は何を誤解しましたか?

ところで、リソース呼び出しは期待されるデータを返すので、それは問題ではありません。

編集:投稿した直後に、最初のreturnステートメントを次のように変更しましたthen:

そして今、それは尊敬されているように機能します。しかし、$resource.get はすでに promise を返すことを意図していると思いました。私は本当に混乱しています。誰かが明確にすることができますか?