問題タブ [angularjs-select2]

カスタム select2 ドロップダウンを作成する入力要素のディレクティブを作成しました。
要素を選択した後、元の入力フィールド (ngModel を介してデータをフィルター処理するために使用される) には、ドロップダウンから選択されたデータが入力されますが、入力の変更イベントは発生しません。
入力値を手動で変更すると、フィルターが機能しています。

これが私のディレクティブのコードです。

でビューの更新がトリガーされると思いましたelement.bind("change")がscope.apply()、機能しません。ngModel に新しいデータがあることを伝える方法を知っている人はいますか?

EDIT: I figured out, the problem is the ngModel. Because I have to filter several values, my Model is filter.foobar. This is not working. If I change the model to foobar, it will work. I created a fiddle to illustrate: http://jsfiddle.net/StinsonMaster/6t3Nt/3/

これが私が試したコードです。angularjs コードと html コードでプレースホルダーを追加しようとしましたが、どちらの場合も機能しません。この場合の対処方法を教えてください

Angular js コード:

ui-select2=" " を使用してドロップダウンを作成しています。リスト項目を結果に並べ替える方法

HTML:

js:

リスト要素を結果にソートする方法

最近、angular 1.1.4 から 1.2.9 にアップグレードし、最新の ui-select2 ディレクティブと最新の select2 コンポーネントを取得しました。タグ モードの select2 が機能しなくなりました。オプションリストと先行入力は機能しますが、そこから何かを選択すると、新しいタグが値のない空白のものとして表示され、デバッグすると、{text: "foo", id: 10} からスライスされていることがわかります10 まで - オブジェクトは ID に置き換えられています。なぜこれが起こっているのかについての洞察をいただければ幸いです。

デモ: http://plnkr.co/edit/RepMSFQsIPDuPTNFWKUN?p=preview

私のselect2オプションは次のとおりです。

angular-ui select2 をアプリケーションに実装しましたが、正常に動作していますが、選択ボックス コンテナー (検索の上) のレンダリングはドロップダウン パネルよりも小さくなっています。

これが私が意味することです：

HTML:

私は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 ファイルの一部です。

ありがとう

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

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

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

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