ฉันใช้เวลาพอสมควรและขอบคุณ @chrismarx ฉันเห็นว่าค่าเริ่มต้นของเชิงมุมfilterFilter
ช่วยให้คุณสามารถส่งผ่านตัวเปรียบเทียบของคุณเองได้ นี่คือตัวเปรียบเทียบที่แก้ไขสำหรับหลายค่า:
function hasCustomToString(obj) {
return angular.isFunction(obj.toString) && obj.toString !== Object.prototype.toString;
}
var comparator = function (actual, expected) {
if (angular.isUndefined(actual)) {
return false;
}
if ((actual === null) || (expected === null)) {
return actual === expected;
}
if ((angular.isObject(expected) && !angular.isArray(expected)) || (angular.isObject(actual) && !hasCustomToString(actual))) {
return false;
}
actual = angular.lowercase('' + actual);
if (angular.isArray(expected)) {
var match = false;
expected.forEach(function (e) {
e = angular.lowercase('' + e);
if (actual.indexOf(e) !== -1) {
match = true;
}
});
return match;
} else {
expected = angular.lowercase('' + expected);
return actual.indexOf(expected) !== -1;
}
};
และถ้าเราต้องการสร้างตัวกรองแบบกำหนดเองสำหรับ DRY:
angular.module('myApp')
.filter('filterWithOr', function ($filter) {
var comparator = function (actual, expected) {
if (angular.isUndefined(actual)) {
return false;
}
if ((actual === null) || (expected === null)) {
return actual === expected;
}
if ((angular.isObject(expected) && !angular.isArray(expected)) || (angular.isObject(actual) && !hasCustomToString(actual))) {
return false;
}
console.log('ACTUAL EXPECTED')
console.log(actual)
console.log(expected)
actual = angular.lowercase('' + actual);
if (angular.isArray(expected)) {
var match = false;
expected.forEach(function (e) {
console.log('forEach')
console.log(e)
e = angular.lowercase('' + e);
if (actual.indexOf(e) !== -1) {
match = true;
}
});
return match;
} else {
expected = angular.lowercase('' + expected);
return actual.indexOf(expected) !== -1;
}
};
return function (array, expression) {
return $filter('filter')(array, expression, comparator);
};
});
จากนั้นเราสามารถใช้งานได้ทุกที่ที่เราต้องการ:
$scope.list=[
{name:'Jack Bauer'},
{name:'Chuck Norris'},
{name:'Superman'},
{name:'Batman'},
{name:'Spiderman'},
{name:'Hulk'}
];
<ul>
<li ng-repeat="item in list | filterWithOr:{name:['Jack','Chuck']}">
{{item.name}}
</li>
</ul>
สุดท้ายนี่เป็นplunkr
หมายเหตุ: อาร์เรย์ที่คาดหวังควรมีเฉพาะวัตถุธรรมดาเช่นString , Numberเป็นต้น
filter:({genres: 'Action'} || {genres: 'Comedy'})
งานได้จริงangular 1.3.16
มันจะไม่ได้อยู่ใน