問題タブ [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.
c# - javascript で select2 コントロールを操作するときの AmbiguousMatchException
私はすでに他の多くの投稿を調べましたAmbiguousMatchException
が、私の問題を解決する方法がわかりません。Web APIを使用してJavaスクリプトにシリアル化することにより、フロントエンドに使用する以下のクラスに似たPOCOがあります
これら 2 つのプロパティは同じ名前ですが、ケースが異なります。これは、ID が永久に存在し、Java スクリプトでこのプロパティを必要とする Select2 コントロールで機能するようにプロパティ ID が含まれているためです。ただし、このオブジェクトが json から ac# オブジェクトにデシリアライズされると、
json は動的オブジェクトです
プロパティ名があいまいですというエラーが表示されます。プロパティがハードコードされている他の多くの場所にIDがあるため、IDを削除できませんが、IDなしでselect2を機能させることもできません。これらすべてを連携させるにはどうすればよいですか
javascript - angular-ui-select2 0.0.5 による事前選択オプション
Angularとng-modelを使用して select2 選択ボックスでオプションを事前選択するのに問題があります。これが私のコードです:
コントローラーのAngularコード
HTML
データ
私が知る限り、これは angular-ui-select2 のバージョン 0.0.2 で機能しますが、そのバージョンより上では機能しません。これを行う方法に関する情報が見つかりません。
前もって感謝します!
javascript - ディレクティブで Angular ui-select2 formatNoMatches をオーバーライドする
ディレクティブ テンプレートに複数select
があり、「一致が見つかりません」というメッセージをカスタマイズしたいと考えています。http://ivaynberg.github.io/select2/のドキュメントによると、メソッドをオーバーライドすることで実行できますformatNoMatches
。
これが私select
のディレクティブのテンプレートです:
link
これは、ディレクティブの JS ファイルの関数に入れたことです。
ただし、select
オプションが不足すると、「カスタム メッセージ」ではなく「一致するものが見つかりませんでした」と表示されます。私は何を間違っていますか?ありがとう。
angular-ui - angular-ui ui-select2 - クエリ関数の使用方法
ivaynberg の select2には、この優れた機能(への呼び出しに渡されるオブジェクトquery
のプロパティ) があります。options
select2({})
私が抱えている問題は、angular-ui の ui-select2実装でこの機能を使用することです。
私は次のようなことをしたい:
のように..私はこのようなものを機能させることができませんでした-クエリは呼び出されません-そして、ivynbergのgithubページで提案されているように実行し、をに変更する<select>
と、<input type="hidden" ... />
何も表示されません。
angularjs - アコーディオン内の ui-select
Plunkr : http://plnkr.co/edit/17ime385yybvlCXWBsTX?p=preview
アコーディオン タブが ui-select (ui-select2 ではない) の検索結果と重なっています。plunkrで問題を再現しました。css を z-index で微調整しようとしましたが、うまくいかないようです。これを修正する方法
javascript - Angular ui-select2 ディレクティブに適用可能なオプションはありますか?
次の Angular select2 コントローラーがあるとします。
モデル データは、コントローラーから次のように取得されます。
問題は次のとおりです。
- コントロールが最初に画面に表示されたときは、昔ながらの
select
ドロップダウン コントロールのように見えます - 一瞬、幅が 0 になる
- コントロールの UI は、コントロールのように見えるように再び更新されますが、
select2
その幅はプレースホルダーと同じくらい小さいだけです。 - コントロールにデータがロードされた後、240px にサイズ変更されます
データが取得される前 (前$scope.projectList = ...
) に幅を設定しようとすると、次のエラーが発生します。
Select2 s2id_projectListSelection に対してクエリ関数が定義されていません ... angular.js:9402 RangeError: 最大コール スタック サイズを超えました ...
DOM が完全にロードされていないため、これは理にかなっています。そう...
ただし、幅が最初にプレースホルダーに準拠し、次にデータが読み込まれると幅の広い設定に準拠するという同じ問題がまだ見られます。
私はこれを回避することができました:
しかし、それはちょっと醜いです。
質問:
- データがロードされているかどうかに関係なく保持される幅オプションはありますか?
- 「データを読み込んでいます...」などのメッセージを表示してから、別のメッセージを表示できるプレースホルダーオプションはありますか? データがロードされたら「プロジェクトを選択してください...」?
angularjs - プレーンな値をモデル Select2 angular-ui に渡します
angular-ui からselect2を使用します。すべて正常に動作しますが、ng-model オブジェクトに渡され、単純な値を取得する必要があります
これはコントローラーにあります
そしてこれを視野に
しかし、結果は {id: 0, text: 'kg'} であり、そのオブジェクトからのテキストのみが必要です。.val() で取得できることはわかっていますが、angular では使用できません...出力をフォーマットするにはどうすればよいですか? 出来ますか?ありがとう