は高速イオン

Question

を選択し、誰もが私を助けることができるしてください、私はこの画像のようにイオンと

を選択し、高速を作成したい：

おかげで、

Answer 1

ますangucomplete-altを使用できます。デモを見るにはgo here。

bower install angucomplete-alt --save 

---

---

Here複数選択使用する方法をステップバイステップである：MartinNucレポから

セットangucomplete依存：

bower.jsonを/ package.json：

dependencies: { 
    "angucomplete": "MartinNuc/angucomplete-alt#multiselect", 
    ... 
} 

2.このようなthis table

3.使用ディレクティブの終わりに複数選択のための更新READMEを参照してください。

：最後の4つの属性に

<div angucomplete-alt pause="400" remote-url="/api/endpoint?query=" selected-object="vm.addSelectedItemFromRemoteAutocomplete" search-fields="name" title-field="name" clear-selected="true" input-class="form-control form-control-small" match-class="highlight" multi-select="true" excluded-items="vm.selectedItems" exclude-on-select="true" exclusion-comparer-field="id">

ご注意ください

• multi-select - angucomplete選択項目
• excluded-itemsをクリックした後に開かれたままになることを原因と - これは、すでにロード・フェーズ
• exclude-on-select時に選択された項目を非表示にするために使用される - 項目をクリックすると、それはすぐにそれらをクリックした後、それを隠すだろう
• exclusion-comparer-field - データベースからデータを読み込み、除外項目をJS参照だけでなく特定のフィールドで比較したい場合に便利です。 idを使用します。

4.あなた コントローラにvm.addSelectedItemFromRemoteAutocomplete機能を追加します。これにより、実際に選択されたアイテムがプロパティに追加されます。

function addSelectedItemFromRemoteAutocomplete(item) { 
     if (item && item.originalObject) { 
     vm.selectedItems.push(item); 
     } 
    }