用户选择搜索特定的对象属性

Question

我可以在ui-select中过滤我的对象的特定字段的搜索吗?或者我应该创建一个自定义过滤器?我已经看到了这个答案，它说它工作，但我的以下代码不工作:

<ui-select ng-model="model.selected">
    <ui-select-match>
        <span class="ng-cloak">{{$select.selected.id ? $select.selected.id+ ' (' + $select.selected.sn + ') ' : "Select One" }}</span>
    </ui-select-match>
    <ui-select-choices repeat="item in items | filter: {id: $select.search.id, sn: $select.search.sn}">
        <span ng-bind="(item.id) + ' (' + (item.sn)  + ') ' "></span>
    </ui-select-choices>
</ui-select>

Answer 1

假设items中的每个item具有以下属性:

• id
sn
• fn

给定以下数据集:

[ 
    {"id":"Ja111", "sn":"Jacobs","fn":"Jim"},
    {"id":"Ja222", "sn":"Jagger","fn":"Robert"},
    {"id":"Jo111", "sn":"Jones","fn":"Stan"},
    {"id":"J111", "sn":"Johnson","fn":"Alfred"},
    {"id":"Sm111", "sn":"Smith","fn":"Joe"}
]

使用:

<ui-select-choices repeat="item in items | filter: {id: $select.search, sn: $select.search}">

将对指定字段(在本例中为id和sn)执行"one_answers"操作(例如，搜索条件"Jo"将只找到"Stan Jones")

使用:

<ui-select-choices repeat="item in items | filter: $select.search">

将在所有字段中执行"或"操作(例如，搜索条件"Jo"将找到"Stan Jones"，"Alfred Johnson"one_answers"Joe Smith")

使用:

<ui-select-choices repeat="item in items | propsFilter: {id: $select.search, sn: $select.search}">

将对指定字段(在本例中为id和sn)执行"或"操作(例如，搜索条件"Jo"将找到"Stan Jones"one_answers"Alfred Johnson"-注意它不会找到"Joe Smith"，因为过滤器没有查看fn字段)

下面的Plunkr展示了上述示例的实际操作。

对于您的需求(我假设您想要一个"或"过滤器，但仅针对特定字段)，我会走propsFilter路线。这似乎也是ui-select Basic Demo使用的