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

时间:2016-01-28 15:26:15

标签: angularjs angularjs-scope user-input angularjs-filter

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

数组如下所示:

build.gradle

输入:

 $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="";

和ng-repeat:

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

现在,如果我输入“Dolly”,他会按照计划向我展示 Dolly 。但如果我输入“Mike”,则输出为 Dolly Mike ,因为我在Dolly的描述中使用了单词Mike。输入“屋顶”也一样。 我试着用

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

但在这种情况下,它根本不起作用,没有输出。我想要做的是将过滤器限制为“名称”。也许有人建议我如何才能使它发挥作用 我很感谢你的每一个建议。

1 个答案:

答案 0 :(得分:0)

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

试试这个:

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