“包含”搜索对象数组的子元素

Question

这里是我的数据：

[ 
    {profile: {name: "Test123"}} 
] 

我有一个文本输入，就像这样：

<input ng-model="searchText"> 

我试图做一个使用文本框输入搜索profile.name。

我试图做一个自定义过滤器，像这样：

$scope.searchFilter = function(value){ 
    return value.profile.name.indexOf($scope.searchText) != -1; 
}; 

然后过滤，像这样：

<tr ng-repeat="profile in profiles | filter: searchFilter"></tr> 

似乎不幸的是，这工作正常的初始搜索，但进入时文本放入文本框中，过滤器不会被重新评估。

当我在搜索框中输入文字时，如何强制Angular重新检查过滤器，还是有更好的方法来做到这一点？

Answer 1

您不需要创建一个功能来搜索。只要改变你的HTML到这一点：

<input ng-model="searchText.profile.name" /> 
... 
<tr ng-repeat="data in profiles | filter: searchText">{{data.profile.name}}</tr> 

在你的控制器：

$scope.searchText = { profile: {name:""}}; //should be the same data struct with your search target. 
$scope.profiles = [ 
    {profile: {name: "Someone"}}, 
    {profile: {name: "Luky"}}, 
    {profile: {name: "John"}}, 
    {profile: {name: "Mary"}}, 
    {profile: {name: "Howard"}}, 
    {profile: {name: "Sheldon"}} 
] 

然后，它的工作原理。 Here is jsfiddle.：）

And here is filter document.