問題タブ [ui-select2]

angular-ui の select2 ディレクティブを使用しています。機能的には問題なく動作していますが（髪の毛を引っ張った後）、動作させるためにしたことが、select2が選択した値を表示できないようになっていることに気付きました。

最初はngOptionsを使っていたのですが、Select2に対応していないので、ngRepeatを使わなければなりませんでした。私の ngRepeat は、選択したユーザー オブジェクトを変更時に関数に送信する必要があります。これを達成するには、ng-value または value を使用して、選択したユーザー $index を select 要素 ng-modal にバインドする必要selectedUserがありました。そこから、インデックスに基づいてユーザーのオブジェクトを検索できました。BUUUT、これでオプションに $index を指定しました。select2 に返される値は意味をなさないと思います。プレースホルダーを与えているだけです。

select 要素に独自の ng-value を与えて、ngChange が行っていたことを実行し、選択したユーザー名を検索しようとしましたが、うまくいきませんでした。

はい、このように select2 にプレースホルダーを追加できます。

しかし、私はこのようなものが必要です、

ここでは、linkedin が「別の専門分野を入力してください」を提供していることがわかります。専門知識を再度選択すると、選択用のプレースホルダーが表示されます。select2を使って同じことをしたい。

助けてください。

私はselect2Angularプロジェクトで使用しています(yeomanを使用)。Select2 css は次のディレクトリにあります。

bower_components/select2/select2.css bower_components/select2/select2.png

css は select2.png を次のように使用しています: background-image: url('select2x2.png')

concat と minify を実行すると、次のような構造になります。

bower_components/select2/d204997b.select2x2 スタイル/034d1972.vendor.css

しかし問題は、venodr css の select2 部分がスタイル ディレクトリで d204997b.select2x2 を探していることです。

これは私の GruntJS ファイルの一部です。

ありがとう

私は ui-select2 を使用していますが、allowClear: true の使用中に問題に直面しています。allowClear は意図したとおりに機能していますが、入力がクリアされたときにイベントを発生させる必要があります。$watch を介して実装しようとしましたが、成功しませんでした。angularjs で select2-removed 関数を使用する方法はありますか。

// コントローラー内

クリアボタンをクリックすると $watch が起動されません (モデルの値は変更されません)

次のようなバッキング JSON を含むドロップダウンがあります。

これは を使用したドロップダウンですselect2。モデルは選択したトレードス​​タイルの ID です。

その横に、選択したトレードス​​タイルの名前が表示され、編集できるテキスト フィールドを配置したいと考えています。

後者のモデルを変更して、ID ではなく選択したトレードス​​タイルの名前を指すようにするにはどうすればよいですか? つまり、スコープ オブジェクトをトラバースして、選択した ID 値の兄弟名の値を指すにはどうすればよいでしょうか。

私は AngularJS と select2 コントロール (AngularUI) を初めて使用し、最新の安定バージョンの select2 (3.4.5) を使用しています。ui-select が使用し、その項目を選択しているリストに、javascript を介してプログラムで項目を追加しようとしています。何らかの理由で、ng-model を更新しますが、ドロップダウンからアイテムを視覚的に選択しません。

例: http://plnkr.co/edit/X1flkKxnDHVCgXHnnmE4?p=preview

ご覧のとおり、「黄色を追加」をクリックすると、ドロップダウンに追加され、モデルselectedColorが正しい色に設定されますが、<select>. どんな助けでも素晴らしいでしょう、ありがとう!

AngularJS ui-select デモ アプリ: https://github.com/angular-ui/ui-select2/tree/master/demoを複数選択してみました。私が試した具体的な例は、事前定義された値を持つ複数選択です。最初は、事前に選択された 2 つの状態でロードされます。エントリをクリックすると、ドロップダウンに未定義と表示されます。モデルには 2 文字の状態名があります。何か不足していますか？

プランカーリンク: http://plnkr.co/edit/IeWSZX2MDq1GfXbm3hQB

html:

スニペット:

ui-select2 Angular ディレクティブを使用しようとしていますが、github リポジトリには次のように記載されています。

すべての select2 オプションは、ディレクティブを介して渡すことができます。サポートされているオプションのリストとその機能の詳細については、Select2 ドキュメント ページを参照してください。

ディレクティブは機能していますが、単純なオプションを渡すことができません (つまり、無視されます)。例えば：

html

js