Question

我在Angular中使用过滤器时遇到了一些问题。我可以要求您点击以下链接： https://ngmasters.firebaseapp.com/#/masters

现在，如果我从'Select a Master'下拉列表中选择'Hitchens'，我会显示Hitchens和The Others的信息。我不太确定这个结果的原因。当我选择任何其他大师时，这个问题似乎并不存在。

所以，我的问题是如何在这种情况下准确地实现过滤器，以便只准确地缩小信息范围？

下面是代码：

<md-input-container>
        <label>Enter Search Term</label>
        <input type="text" ng-model="classifiedsFilter">
    </md-input-container>

    <md-input-container>
        <label>Select a Master</label>
        <md-select ng-model="name">
            <md-option ng-repeat="name in names | orderBy: 'toString()'" value="{{ name }}">  
                {{ name }} 
            </md-option>
        </md-select>
    </md-input-container>

    <md-input-container>
        <md-button class="md-warn" ng-click="classifiedsFilter = ''; name = ''">Clear</md-button>
    </md-input-container>

下面是我的md-card上的代码：

<md-card ng-repeat="classified in classifieds | filter: classifiedsFilter | 
filter: name" flex-xs="100" flex-gt-sm="70">

任何帮助都将受到赞赏。

由于

Answer 1

在给定的链接中，似乎The Others's包含单词Hitchens，因此它的过滤结果也是如此。要按classified对象的特定属性进行过滤，您可能会发现此链接很有用ng-repeat :filter by single field

如何为Angular应用程序准确实现过滤器

1 个答案: