angular.js - 在ng-option 里使用過濾器無效
問題描述
想在ng-option 把英文轉(zhuǎn)為中文顯示,但是filter貌似無效。我使用了uppercase也是無效。為什么?我看網(wǎng)上很多都這樣寫的呀
下面是代碼:(1)controller里定義了狀態(tài)列表:
$scope.allStatuses = ['all', 'process', 'resolve', 'finish', 'invalid'];
(2)html里初始化下拉列表,想用 myStatusFilter 這個filter格式化為中文顯示
<select ng-model='status' ng-options='status for status in allStatuses | myStatusFilter'> </select>
(3) filter實現(xiàn)
angular.module('itil.mine').filter(’myStatusFilter’, myStatusFilter); function myStatusFilter() {return function (input) { var output; switch (input) {case ’process’: output = '處理中'; break;case ’resolve’: output = '已解決為落實'; break;case ’finish’: output = '已解決已落實'; break;case ’invalid’: output = ’無效’; break;case ’all’: output = '所有'; break; } return output;} } "
問題解答
回答1:你調(diào)試一下過濾器的代碼就知道問題了,你的參數(shù)你以為是對象其實是數(shù)組,所以switch沒有匹配到值,直接return出去了一個undefined。
相關文章:
1. javascript - 關于<a>元素與<input>元素的JS事件運行問題2. css3 - 純css實現(xiàn)點擊特效3. MySQL中的enum類型有什么優(yōu)點?4. java - 為什么第一個線程已經(jīng)釋放了鎖,第二個線程卻不行?5. mysql - 記得以前在哪里看過一個估算時間的網(wǎng)站6. javascript - vscode alt+shift+f 格式化js代碼,通不過eslint的代碼風格檢查怎么辦。。。7. 大家好,我想請問一下怎么做搜索欄能夠搜索到自己網(wǎng)站的內(nèi)容。8. python - 啟動Eric6時報錯:’qscintilla_zh_CN’ could not be loaded9. html - vue項目中用到了elementUI問題10. mysql - 查詢字段做了索引為什么不起效,還有查詢一個月的時候數(shù)據(jù)都是全部出來的,如果分拆3次的話就沒問題,為什么呢。
