如何使用用户界面选择组筛选器属性

Question

嘿，伙计们，我想使用ui select。但我有关于组过滤器属性的股票：

我从服务器上得到了一个包含组的数组：

组看起来像这样：

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

所以有一些类别更像是家庭、公司等等

我必须ui选择字段，一个用于族，另一个用于所有其他类别。

我尝试使用以下方法进行过滤：

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;
    }

在我的html中，我尝试使用过滤器与：

   <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>

但在该字段中，是否也显示了所有其他项目？

有人能帮我吗？提前感谢

Answer 1

我认为它需要group-filter="ctrl.filterFamily"，而不是group-filter="ctrl.filterFamily()"，尽管我以前从未使用过这个项目。

这就是它在文档中的使用方式，尽管