用過濾器更新范圍對象-AngularJS

Question

我需要在更改文本字段$scope.FilteredDepartments分配的已過濾對象從$scope.Departments更新為$scope.FilteredDepartments 。

HTML：

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

AngularCode：

$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注入控制器