使用文本输入作为过滤选项

Question

我对过滤器的使用感到困惑。我有一个输入字段，我想用作过滤器选项。

数组如下所示：

 $scope.Examples=[
{
 name:'Dolly',
 place:'roof',
 description:'Dolly is a friend of Mike.'
},  
{ 
 name:'Mike',
 place:'cellar',
 decription:'Mike doesn't like the roof.'
},];

$scope.Search="";

输入：

 <input ng-model="Search" 
        type="text" 
        placeholder="type something here">

和 ng-repeat：

<tr ng-repeat="something in Examples |filter:Search">
{{something.name}}
</tr>

现在，如果我输入 "Dolly"，他会按计划向我展示 Dolly。但是如果我输入 "Mike" 输出是 Dolly 和 Mike，因为我在 Dolly 的描述中使用了 Mike 这个词。与输入 "roof" 相同。我尝试使用

<ng-repeat="something in Examples |filter:{name:'Search'}">

但在那种情况下它根本不起作用并且没有输出。我想要做的是将过滤器限制为仅 'name'。也许有人建议我如何让它工作。
我很感谢你的每一个建议。

Answer 1

如果你写{name:'Search'}而不是{name:Search}，这意味着你保留任何包含'Search'字符串

的字符串

试试这个：

<ng-repeat="something in Examples |filter:{name:Search}">

使用文本输入作为过滤选项

Using text input as filter option

user-input

angularjs

angularjs-scope

angularjs-filter