在AngularJS中,可以使用过滤器来返回相等的结果。下面是一个代码示例:
HTML模板:
-
{{item}}
JavaScript代码:
angular.module('myApp', [])
.controller('myCtrl', function($scope) {
$scope.items = ['apple', 'banana', 'cherry', 'date', 'elderberry'];
})
.filter('equalFilter', function() {
return function(items, searchText) {
if (!searchText) {
return items;
}
return items.filter(function(item) {
return item.toLowerCase() === searchText.toLowerCase();
});
}
});
在上面的代码中,我们定义了一个名为equalFilter
的过滤器,并在控制器中使用它来过滤items
数组。过滤器的逻辑是将数组中的每个元素与searchText
进行比较,如果相等就返回结果。如果searchText
为空,则返回原始数组。
在HTML模板中,我们使用ng-repeat
指令来循环遍历items
数组,并在每个元素上应用equalFilter
过滤器。输入框使用ng-model
指令与searchText
进行双向绑定,当输入框的值变化时,过滤器会根据新的搜索文本重新计算过滤结果。
注意:在这个例子中,我们使用了toLowerCase
方法将字符串转换为小写,以实现不区分大小写的比较。您可以根据自己的需求进行调整。