問題タブ [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.
angularjs - ドロップダウン用に ng-options が作成する空白のオプションをカスタマイズする方法はありますか?
信じられないかもしれませんが、ドロップダウンに空白のオプションを作成したいと思っていますが、もう少しやりたいと思っています。
空のオプションを作成するときに、選択した文字列を使用するようにangularに伝えたいと思います。たとえば、作成する空白のオプションで空の文字列ではなく、「-select-」と言ってほしい。問題は、選択が行われると空白のオプションが利用できない方法が好きだということです. バインド先の配列にオブジェクトを追加するのはそれほど大したことではありませんが、ドロップダウンが ng-options で既に提供されている動作を模倣するために、追加のコードが必要になります。それほど大したことではありませんが、多くのドロップダウンに対して実行する必要がある場合は、面倒でイライラします.
ng-model 値と一致しない場合に ng-options に何を表示するかを伝える方法があるかどうかは誰にも分かりますか? あるといいですね。
angularjs - ng-options 定義済みオプション オブジェクト
私の例を見てください http://plnkr.co/edit/21ewxVIaRm4IHyF3TgoD?p=preview
オプション オブジェクトを ng-model として保存する必要があるため、ng-options に使用しますng-options="m as m.name for m in list"
ただし、ng-model をオブジェクトとして手動で設定すると、デフォルトでドロップダウン リストの正しいオプションが選択されません。データは正しく保存されますが、この式を使用する場合にのみオプションが事前に選択ng-options="m.name as m.name for m in list"されますが、オプション オブジェクトではなくモデルに文字列が保存されます。
私は何か間違ったことをしていますか？
ゴール：
- ng-model をデフォルトのオプション オブジェクトに設定し、ドロップダウンで自動的に選択されるようにします。
javascript - 動的配列を使用すると、AngularStrap Select と ng-options がうまく機能しない
私は AngularStrap (ディレクティブ Select、Silvio Moreto によって作成された Bootstrap-Select に基づく) で AngularJS を使用しています。次の問題があります。
私は車のブランドの配列を持っています。ng-options を使用して、それらをオプションのように選択します。別の方法では、オプション (車のブランド) を選択すると、この車のブランドのさまざまなモデルが取得され、別の選択のオプションのように表示されます。
問題は、AngularStrap ディレクティブ select を使用しているときにうまく機能しないことです。初めて車のブランドを選択すると正常に動作しますが、次に選択したオプション (車のブランド) では、選択した車のブランドのモデルと、前に選択した車のブランドの最初のモデルが表示されます。
AngularStrap select を使用しない場合はうまく機能するため、問題は AngularStrap select にあると思います。
ご協力いただきありがとうございます。
私のコードは次のとおりです。
HTML:
コントローラー (JS):
javascript - angularjs のディレクティブを使用して、ドロップダウンでオプションを選択します
私はangularjsを初めて使用し、ドロップダウンのディレクティブに取り組んでいますが、初期値の選択に問題があります。選択するオプションの ID を属性としてディレクティブに渡す必要があります。ng-Init で使用するスコープ変数に属性値を設定しています。
ここに私のディレクティブコードがあります:
コードは Typescript です。HTML は次のとおりです。
dataSel の値、つまり ng-init="dataSel=3" をハードコーディングすると正常に動作しますが、スコープ変数に設定すると動作しません。では、どうすれば問題を解決できますか。
編集 解決しました。それに応じてコードを更新しました。
angularjs - オブジェクト データ ソースを使用した ng-options
ng-options がデータ ソースでどのように機能するかを理解するのに苦労しています。私はドキュメントを読み、必要なことを正確に行っているように感じますが、試行するとまだ問題が発生します。
コンソールで常に次のエラーが表示されます。
エラー：
' select (as label )?の形式で予想される ngOptions ? (キー、)? コレクション内の値( exprで追跡)?' しかし、「タイプの（k、v）のvとしてk」を取得しました。
私は間違って何をしていますか?
ここでplunkrを参照してください：
javascript - 問題で立ち往生 - AngularJS で、選択ボックスのデフォルト値の選択と既存のモデルへの新しいフィールドの追加
スタック: AngularJS 1.2
私が直面している問題は、JSON の order.status フィールドのためにサーバーによって渡されたデフォルト値 (「出荷済み」) に選択された選択ボックスを作成することです -
コントローラ:
https://gist.github.com/pawank/8079603
HTML:
https://gist.github.com/pawank/8079624
問題 1 : ID - "selectedStatus" をデフォルト値の "Shipped" に設定したセレクト ボックスを作成するにはどうすればよいですか?
問題 2save_order_edit_form() : [変更を保存] をクリックすると、HTML の関数で"order.comment" がコントローラーに渡されない
どんな助けでも大歓迎です。
ありがとう、