Как из документации, мы можем назвать фильтр, например date следующим образом:
{{ myDateInScope | date: 'yyyy-MM-dd' }}
Здесь дата - это фильтр, который принимает один аргумент.
Каков синтаксис для вызова фильтров с большим количеством параметров как из шаблонов, так и из кода JavaScript?
В шаблонах вы можете отделить аргументы фильтра colons.
{{ yourExpression | yourFilter: arg1:arg2:... }}
Из Javascript вы называете его
$filter('yourFilter')(yourExpression, arg1, arg2, ...)
На самом деле есть пример, скрытый в orderBy документах по фильтрам.
Пример:
Предположим, вы создаете фильтр, который может заменить элементы регулярными выражениями:
myApp.filter("regexReplace", function() { // register new filter
return function(input, searchRegex, replaceRegex) { // filter arguments
return input.replace(RegExp(searchRegex), replaceRegex); // implementation
};
});
Вызов в шаблоне для цензуры всех цифр:
<p>{{ myText | regexReplace: '[0-9]':'X' }}</p>
i, упомянутый ниже, где я упомянул также о настраиваемом фильтре, как вызвать этот фильтр, который имеет два параметра
countryApp.filter('reverse', function() {
return function(input, uppercase) {
var out = '';
for (var i = 0; i < input.length; i++) {
out = input.charAt(i) + out;
}
if (uppercase) {
out = out.toUpperCase();
}
return out;
}
});
и из html с помощью шаблона мы можем назвать этот фильтр, как показано ниже
<h1>{{inputString| reverse:true }}</h1>
здесь, если вы видите, первым параметром является inputString, а второй параметр - true, который сочетается с "reverse", используя символ:
Если вы хотите вызвать свой фильтр внутри ng-options, код будет выглядеть следующим образом:
ng-options="productSize as ( productSize | sizeWithPrice: product ) for productSize in productSizes track by productSize.id"
где фильтр имеет размерWithPriceFilter и имеет два параметра product и productSize
вот так:
var items = $filter('filter')(array, {Column1:false,Column2:'Pending'});
Если вам нужны две или более сделки с фильтром, их можно связать:
{{ value | decimalRound: 2 | currencySimbol: 'U$' }}
// 11.1111 becomes U$ 11.11
В этом коде jsondata является нашим массивом, а в возврате функции мы проверяем "версию", присутствующую в jsondata.
var as = $filter('filter')(jsondata, function (n,jsondata){
return n.filter.version==='V.0.3'
});
console.log("name is " + as[0].name+as[0]);