問題タブ [angularjs-select2]

次の Angular select2 コントローラーがあるとします。

モデル データは、コントローラーから次のように取得されます。

問題は次のとおりです。

1. コントロールが最初に画面に表示されたときは、昔ながらのselectドロップダウン コントロールのように見えます
2. 一瞬、幅が 0 になる
3. コントロールの UI は、コントロールのように見えるように再び更新されますが、select2その幅はプレースホルダーと同じくらい小さいだけです。
4. コントロールにデータがロードされた後、240px にサイズ変更されます

データが取得される前 (前$scope.projectList = ...) に幅を設定しようとすると、次のエラーが発生します。

Select2 s2id_projectListSelection に対してクエリ関数が定義されていません ... angular.js:9402 RangeError: 最大コール スタック サイズを超えました ...

DOM が完全にロードされていないため、これは理にかなっています。そう...

ただし、幅が最初にプレースホルダーに準拠し、次にデータが読み込まれると幅の広い設定に準拠するという同じ問題がまだ見られます。

私はこれを回避することができました：

しかし、それはちょっと醜いです。

質問：

1. データがロードされているかどうかに関係なく保持される幅オプションはありますか?
2. 「データを読み込んでいます...」などのメッセージを表示してから、別のメッセージを表示できるプレースホルダーオプションはありますか? データがロードされたら「プロジェクトを選択してください...」？

プランカー@ http://plnkr.co/edit/Csy5FqDSQbErTm2fNPac . どんな助けにも感謝します。ありがとう。

Select2 を先行入力コントロールとして使用しています。以下のコードは、ユーザーが検索語を入力したときに非常にうまく機能します。

ただし、データをページにロードするときは、検索ボックスの値を手動で設定できる必要があります。

理想的には次のようなものです: $scope.selectedProducerId = {id:1, text:"既存のプロデューサー}

ただし、データが取得されていないため、Select2 データ ソースは空です。

したがって、私が本当にできるようにする必要があるのは、新しいデータ配列をデータソースに追加してから、$scope.selectedProducerId を次のように設定することです。 }) そして $scope.selectedProducerId = 1;

これを調査すると、initSelection() を使用するためのさまざまな提案を見てきましたが、これを機能させる方法がわかりません。

createSearchChoice(term) も設定しようとしましたが、用語が入力ボックスに表示されません。

どんな支援にも感謝します。

ありがとう

これはhtmlです

これがコントローラー

これはサービスです：

]);

angular-ui からselect2を使用します。すべて正常に動作しますが、ng-model オブジェクトに渡され、単純な値を取得する必要があります

これはコントローラーにあります

そしてこれを視野に

しかし、結果は {id: 0, text: 'kg'} であり、そのオブジェクトからのテキストのみが必要です。.val() で取得できることはわかっていますが、angular では使用できません...出力をフォーマットするにはどうすればよいですか? 出来ますか？ありがとう

ドキュメントに示されているように、私は ui-select2 を使用しています:

次のようなイベントでコントローラーの関数を呼び出したいと思いますselect2-open, select2-opening or select2-close。

それ、どうやったら出来るの？