输入后如何过滤对象值？

Question

的HTML

<input type="search" placeholder="Filter" ng-model="searchstr" ng-change="details()">       
                <table style="width:831px;overflow:auto">
                    <tr ng-repeat="d in details" ng-if="$index%3==0">
                        <td style="height:232px;width:164px;" ng-if="details[$index]">{{details[$index].CourseName}}<br>{{details[$index].Professor}}<br>{{details[$index].CourseDuration}}</td>
                        <td style="height:232px;width:164px;" ng-if="details[$index+1]">{{details[$index+1].CourseName}}<br>{{details[$index+1].Professor}}<br>{{details[$index+1].CourseDuration}}</td>
                        <td style="height:232px;width:164px;" ng-if="details[$index+2]">{{details[$index+2].CourseName}}<br>{{details[$index+2].Professor}}<br>{{details[$index+2].CourseDuration}}</td>
                    </tr>
                </table>

js文件

$scope.data=function()
            {

                $scope.details=$filter("filter")($scope.details,$scope.searchstr);

            }

我已经像上面尝试过了，但是这是第一次显示

Answer 1

您不需要$scope.data函数。 您可以使用内置的角度滤镜

<tr ng-repeat="d in details | filter:searchstr" ng-if="$index%3==0">

Answer 2

我知道了，我只是更改了js文件中的轻微逻辑，我正在发布它，因为它可能对其他人有所帮助。 首先，我只是将$ scope.details复制到d并使用temp变量d进行了过滤。

$scope.searchstr="";
    var d=$scope.details;
    $scope.data=function()
            {

                $scope.details=$filter("filter")(d,$scope.searchstr);
            }