從文檔開始，我們可以像這樣調用過濾器，例如date：{{ myDateInScope | date: 'yyyy-MM-dd' }}date是一個采用一個參數的過濾器。從模板和JavaScript代碼中調用帶有更多參數的過濾器的語法是什么？
3 回答
慕雪6442864
TA貢獻1812條經驗 獲得超5個贊
在模板中，可以用冒號分隔過濾器參數。
{{ 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>
慕桂英4014372
TA貢獻1871條經驗 獲得超13個贊
我在下面提到的地方也提到了自定義過濾器，如何調用這些具有兩個參數的過濾器
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”組合
- 3 回答
- 0 關注
- 787 瀏覽
添加回答
舉報
0/150
提交
取消