從文檔開始，我們可以像這樣調(diào)用過濾器，例如date：{{ myDateInScope | date: 'yyyy-MM-dd' }}date是一個(gè)采用一個(gè)參數(shù)的過濾器。從模板和JavaScript代碼中調(diào)用帶有更多參數(shù)的過濾器的語法是什么？
3 回答
慕雪6442864
TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊
在模板中，可以用冒號分隔過濾器參數(shù)。
{{ yourExpression | yourFilter: arg1:arg2:... }}
在Javascript中，您將其稱為
$filter('yourFilter')(yourExpression, arg1, arg2, ...)
實(shí)際上，orderBy篩選器文檔中隱藏了一個(gè)示例。
例：
假設(shè)您制作了一個(gè)可以用正則表達(dá)式替換內(nèi)容的過濾器：
myApp.filter("regexReplace", function() { // register new filter
return function(input, searchRegex, replaceRegex) { // filter arguments
return input.replace(RegExp(searchRegex), replaceRegex); // implementation
};
});
調(diào)用模板以檢查所有數(shù)字：
<p>{{ myText | regexReplace: '[0-9]':'X' }}</p>
慕桂英4014372
TA貢獻(xiàn)1871條經(jīng)驗(yàn) 獲得超13個(gè)贊
我在下面提到的地方也提到了自定義過濾器，如何調(diào)用這些具有兩個(gè)參數(shù)的過濾器
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中調(diào)用該過濾器，如下所示
<h1>{{inputString| reverse:true }}</h1>
如果看到的話，第一個(gè)參數(shù)是inputString，第二個(gè)參數(shù)是true，它使用：符號與“ reverse”組合
- 3 回答
- 0 關(guān)注
- 796 瀏覽
添加回答
舉報(bào)
0/150
提交
取消