在Angular中,可以使用过滤器来在多个数组中查找字符串。以下是一个解决方法的代码示例:
HTML模板:
- {{item}}
- {{item}}
Angular控制器:
angular.module('myApp', [])
.controller('myController', function($scope) {
$scope.array1 = ["apple", "banana", "orange"];
$scope.array2 = ["car", "bike", "train"];
});
在上面的示例中,我们使用ng-repeat
指令来遍历数组并显示匹配搜索查询的项。过滤器filter:searchQuery
用于过滤数组中的项。ng-model
指令绑定到searchQuery
变量,用于获取用户输入的搜索查询。
当用户输入文本时,ng-model
将searchQuery
中的值更新为输入的文本。过滤器将根据searchQuery
的值过滤数组,并将过滤后的结果显示在页面上。
请注意,我们使用了一个临时变量filteredItems
来存储过滤后的结果,以便在模板中显示。这样做是因为过滤器是在视图渲染期间计算的,所以我们需要在控制器中保存过滤后的结果以便在模板中使用。