2016-03-26 7 views
0

こんにちは私はui-selectを使いたいです。私はグループを含む私のサーバーから配列を得たui-select group-filterプロパティの使用方法は?

グループは、次のようになります。

{"1":{"id":"1","name":"DLRG Göttingen e.V.","idCategory":"1","categoryName":"Verein"}} 

だから多くの家族のようないくつかのカテゴリーがありますが、しかし、私は、グループフィルタ特性に株式を持って会社など。

フィールドを選択する必要があります.1つは家族用、もう1つは他のすべてのカテゴリです。

私は、このメソッドを使用してフィルタリングを試してみました:私のHTMLで

filterFamily() { 
     var families = {}; 
// this.groupList contains all groups 
     for (var i; i < this.groupList; i++) { 
     if (this.groupList[i].idKategorie == 2) { 
      families.push(this.groupList[i]); 
     } 
     } 
     return families; 
    } 

を私はフィルタを使用しよう:

<ui-select ng-model="ctrl.group"> 
        <ui-select-match> 
        <span ng-bind="$select.selected.name"></span> 
        </ui-select-match> 
        <ui-select-choices group-filter="ctrl.filterFamily()" repeat="item in ctrl.groupList | propsFilter:{name: $select.search}"> 
        <div ng-if="item.isTag" 
         ng-bind-html="item.name +' <small>(new)</small>'| highlight: $select.search"></div> 
        <div ng-if="!item.isTag" ng-bind-html="item.name + person.isTag| highlight: $select.search"></div> 
        <small> 
         {{item.kategorieName}} 
        </small> 
        </ui-select-choices> 
       </ui-select> 

しかし、この分野では他のすべての項目があまりに示していますか?

誰でも手伝ってもらえますか? ありがとうございます。

答えて

0

でなく、group-filter="ctrl.filterFamily()"である必要があると思いますが、これまでこのプロジェクトを使用したことはありません。これが欲しかっ有効になりませんdocs though

+0

に使われている方法です

。私の解決策は回避策です。私は2番目の配列を作り、私の見解でこれを繰り返します。 – dominic

関連する問題