大佬教程收集整理的这篇文章主要介绍了angularjs – 使用ng重复过滤多列，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
过滤(by using an object in the filter expression as per the docs和查看this SO answer),我已经设法找到这些2列,但它的用法和逻辑太过于具体.我想让它使用或逻辑,但有麻烦.
我的HTML
<input type="text" ng-model="filterText" />
<table>
<tr ng-repeat="item in data"><td>{{ item.id }}</td><td>{{ item.name }}</td>...</tr>
</table>
我的过滤逻辑：
$filter(‘filter’)(data,{id：$scope.filterText,name：$scope.filterText})
过滤工作,但是再次,它正在采取匹配的列而不是联合.谢谢！
示例JS：
var app = angular.module('myApp',[]);
app.filter('myTableFilter',function(){
// Just add arguments to your HTML separated by :
// And add them as parameters here,for example:
// return function(dataArray,searchTerm,argumentTwo,argumentThreE) {
return function(dataArray,searchTerm) {
// If no array is given,exit.
if (!dataArray) {
return;
}
// If no search term exists,return the array unfiltered.
else if (!searchTerm) {
return dataArray;
}
// Otherwise,conTinue.
else {
// Convert filter text to lower case.
var term = searchTerm.toLowerCase();
// Return the array and filter it by looking for any occurrences of the search term in each items id or name.
return dataArray.filter(function(item){
var termInId = item.id.toLowerCase().indexOf(term) > -1;
var termInName = item.name.toLowerCase().indexOf(term) > -1;
return termInId || termInName;
});
}
}
});
然后在你的HTML中
<tr ng-repeat="item in data | myTableFilter:filterText">
或者如果要使用多个参数：
<tr ng-repeat="item in data | myTableFilter:filterText:argumentTwo:argumentThree">
以上是大佬教程为你收集整理的angularjs – 使用ng重复过滤多列全部内容，希望文章能够帮你解决angularjs – 使用ng重复过滤多列所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。