問題タブ [angularjs-select2]

バージョン 3.5.1 を使用しています。両方使ってみた

と

しかし、どちらも機能していないようです。これが私のコードのスニペットです。

UI-Select 0.8.4 を使用していて、大きなデータ セットがあります。次に、UI-Select を使用して、データ セットの横にあるドロップダウンにプロパティ値を表示します。それをフィルターに使っています。したがって、ドロップダウンから選択すると、結果がフィルタリングされます。

ドロップダウンのアイテムにカーソルを合わせるたびに、常に ng-repeat フィルターが起動します。

私はng-repeatで大きなセットを扱っているため、これは私のアプリケーションに遅れをとっています。

どうしてこれなの？

GIF: http://i.imgur.com/cStlXzy.gif

プランカー(コンソールを開いて自分の目で確かめてください) : http://plnkr.co/edit/OxiutZ8t4IX1bOxiOTgo?p=preview

HTML:

JavaScript:

編集：「データセット配列」からプロパティ値をフィルタリングしてドロップダウンで使用しようとしましたが、機能しません。

編集 2:時計がこれをトリガーしていると思われる場合は、時計を削除しましたが、これはまだ問題です: http://plnkr.co/edit/oD3Tt3vfjtOjADMnemW1?p=preview

編集 3:これに対する解決策がまだ見つかっていないため、 selected にこだわっています。問題を作成しましたが、応答がありません。これを修正したい場合は、問題に賛成票を投じてください。

select2 のようなテーマのドロップダウンにui-select ( https://github.com/angular-ui/ui-select ) を使用しています。この機能は主に、デフォルトのプレースホルダーという 1 つの側面から離れて機能しています。

コードは主に ui-select デモに従います (このページの 3 番目の例: http://plnkr.co/edit/a3KlK8dKH3wwiiksDSn2?p=preview )。

私に関する限り、デフォルトのテキストは「プレースホルダー」属性のテキストでなければなりません。代わりに、オプションを選択するまで空白で表示されます。この問題に対処するために、Angular コントローラーで ui-select-match の値を設定するというハックを使用してきましたが、これは完璧にはほど遠いものであり、明らかに使用方法ではありません。

誰かが以前にこの問題に遭遇したことがありますか、または私たちが間違っていることについて何か考えがありますか?

select2-AJAX を使用して angularJS のリモート データに select2 を使用しようとしています。http://ivaynberg.github.io/select2/で指定された例を使用すると正常に動作しますが、自分のコードで作業している場合は、値を選択することはできません。

};

Chrome Dev Tool では、select2

angular ng-repeat ディレクティブを使用して JSON データをレンダリングしようとしています。これはアイテムの配列であり、すべてのアイテムにはタグの配列と他のアイテム データがあります。angular-ui/select-ui を使用して、select2 でタグをレンダリングしています。Select2 要素は、Angular コントローラーで定義済みの使用可能なタグ (tagList) の配列を使用します。

問題は IE8 にあり、一貫性がありません。

• {{tag.description}} および/または tag.label は angular によって処理されず、ドロップダウンの選択肢リストにそのまま出力されます。
• プレースホルダー (「新しいタグを追加...」) が IE8 および IE9 でレンダリングされない

どんな助けでも大歓迎です！ありがとう。

更新タグ:

SELECT2 入力ボックスを使用しています。フィールドからタグを削除する「X」の色を (白に) 変更しようとする助けが必要です。サンプルコードにフィドルを含めました。

以下はほんの一部のサンプルコードです。ui-select2 機能を利用した角度付きの入力ボックスを使用しています。誰かが以下を理解できると思います。少なくとも、必要なものに翻訳できます。ありがとう！

いくつかのスクリプト:

http://jsfiddle.net/jimfromthegym/jEADR/1112/

私はこのplunkrを見ていますが、信じられません。検索文字列に一致する名前を持つpeople人が配列に存在する場合、その人がドロップダウンに表示され、そうでない場合は、この文字列が示す新しい人を作成することが提案されることがわかり(new)ます。しかし、表示する要素をどのように決定するのでしょうか? これら2つの条件付きで表示/非表示のdivが原因のようですよね？

しかし、待って、これは何ですか?? Person オブジェクトには isTag プロパティがありませんか? では見えませんdemo.js。これはどのように機能しますか？この不思議なisTag旗はどこから来ているのですか？どうか、気が狂いそうです。

また、なぜperson.nameブール値（ブール値だと思います）と連結するのperson.isTagですか？ちなみに、この例は、angularjs select2 のドキュメント ページで見つけたものをフォークしたもので、他のすべての例を取り除いただけです。 これはオリジナルプランカー

ユーザーが名前を入力し、複数セクションのないタグ付けでこのプランカーのようにEnterキーを押したときに、配列に新しい要素を追加しようとしています。これが私がこれまでに得たものです：

そして、私のコントローラーには次のものがあります。

ご覧categoriesのとおり、プレーンな文字列ではなくオブジェクトの配列であるためcatTransform、文字列からオブジェクトを作成するこの関数があります。プランカーでランダムな文字列を入力してEnterキーを押すと、新しいタグが作成され、すぐに選択されます。plunker 内のあらゆる種類のイベントにリスナーをアタッチするコードを見つけることができませんでした。どういうわけか魔法のように機能します。ドキュメントでは、ディレクティブが on-remove と on-select の 2 つのカスタム イベントを提供すると言われています。上記のマークアップでわかるように、リスナーを on-select にアタッチしようとしましたが、もちろんうまくいきませんでした。それで、それはどのように行われるべきですか？key-pressどのキーが押されたかをハンドラー内で確認し、それがキーである場合Enterは新しいカテゴリを配列に追加する必要がありますか? もしそうなら、どうすれば現在の検索文字列を取得できますか?

また、ハンドラー関数の 2 番目のパラメーターがディレクティブのモデル (ng-model上記のマークアップで指定したものと同じ) に渡されるため、新しいオブジェクトを選択する場合は、次のように割り当てるだけです。

angularjs/select2 のドキュメントは非常に貧弱です。