問題タブ [ui-select2]
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 - オブジェクトで ngRepeat を使用するときに選択済みを設定する方法
select2 ドロップダウンの初期値を設定しようとしています。問題は、値がオブジェクトであることです。いじってみましinitSelection
たが、それを呼び出すことさえできません。中に入れdebugger
ても何も起こりません。ngSelected
どちらも機能しません:(
プランカーを作りました。
マークアップ
コントローラ
ドロップダウンで値を選択したい$scope.selected
。
angularjs - 私のAngular Select2ドロップダウンは、変更イベントでオプションの名前だけでなく、より多くの値を渡す必要があります
私はAngular-Select2を使用していますが、実際に必要なのは、現在選択されているオプションの名前よりも多くの値を収集する変更です。たとえば、オプションRed
、Blue
、Yellow
が選択されている場合、現在の値はそれらの値の配列です。私がやりたいことは、選択されたすべての (この例では) 色を選択ボックスの下に表示することです。これまでのところ機能しています-「色」が表示されており、選択ボックスから1つを削除すると(X記号をクリックしてタグとして)、それに応じて下部が更新されます。
さらに達成する必要があるのは、データベースにクエリを実行できるように、他の値、または少なくとも 1 つの (id) を送信することです。実際の名前の前に含めてから、リストから削除して個別に操作できるようにすることもできますが、ID はドロップダウン リストと選択したオプション内にも表示されます。
どうやって進める?オプションに添付され、選択されたオプションのテキストが表示される以下の領域内で送信および読み取り可能なものはありますか?
私は次のような変更を監視しています:
編集: 混乱している場合 - これは複数選択ドロップダウンです。編集:
select2 マークアップ:
angularjs - Angular Select2 formatResult がテンプレートを更新しない
次のマークアップを含む select2 ドロップダウンがあります。
また、js には以下が含まれます。
$scope.items
(id、boolean の show プロパティ、および name プロパティを持つ配列)
そして2つのオプションを選択します:
まあ、ng-repeat
html マークアップを正しく更新し、data-show 属性を true または false に設定しますが、formatResult
関数はこの値を更新しません。HTMLソースdata-show="true"
とformatResult
関数$elem.data('show') = false;
では、select2が開かれるたびに関数が呼び出されている間に更新されないのはなぜですか?
これが私の質問を説明するプランカーです: plnkr.co/edit/d0LxuhzdQh7hMdzOoxpr?p=preview
angular-ui - Angular - UI-Select (Select 2) 高さ
項目が選択されたときに、Angular UI-Select ウィジェットの高さをどのように設定しますか? 画像などを含む選択したアイテムのカスタム テンプレートがあり、それが途切れます。
どこかにオプションはありますか?テンプレートに合わせて拡張する必要があると思います。