javascript - 使用过滤器更新范围对象 - AngularJS

Question

我需要在更改文本字段上将分配过滤对象从 $scope.Departments 更新为 $scope.FilteredDepartments。

HTML:

<input type="text" ng-change="searchItems(searchquery)" ng-model="searchquery">

Angular 代码:

$scope.Departments= [{id: 1, name:'ABC'},{id: 2, name:'XYZ'}...];

$scope.searchItems = function (searchString) {
    //Need to do something here
}

如何使用名称进行过滤并将过滤结果分配给 $scope.FilteredDepartments ？

感谢帮助

Answer 1

HTML:

<input type="text" ng-model="searchValue">
<h3>Filter Ones</h3>
<div ng-repeat="department in filteredDepartments">
    <p>{{department.name}}</p>
</div>

JS:

$scope.departments= [{id: 1, name:'ABC'},{id: 2, name:'XYZ'}];

$scope.$watch(function () {
    return $scope.searchValue;
}, function () {
    $scope.filteredDepartments = $filter('filter')($scope.departments, $scope.searchValue);
});

不要忘记将 $filter 注入(inject) Controller