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 這個(gè)filter格式化為中文顯示
<select ng-model='status' ng-options='status for status in allStatuses | myStatusFilter'> </select>
(3) filter實(shí)現(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 = '已解決為落實(shí)'; break;case ’finish’: output = '已解決已落實(shí)'; break;case ’invalid’: output = ’無效’; break;case ’all’: output = '所有'; break; } return output;} } "
問題解答
回答1:
你調(diào)試一下過濾器的代碼就知道問題了,你的參數(shù)你以為是對(duì)象其實(shí)是數(shù)組,所以switch沒有匹配到值,直接return出去了一個(gè)undefined。
相關(guān)文章:
1. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能?3. Apache 已經(jīng)把網(wǎng)站根目錄的改為allow from all了,但是服務(wù)器還是不能訪問?4. javascript - nodejs關(guān)于進(jìn)程間發(fā)送句柄的一點(diǎn)疑問5. css - 寫頁面遇到個(gè)布局問題,求大佬們幫解答,在線等,急!~6. 實(shí)現(xiàn)bing搜索工具urlAPI提交7. javascript - 移動(dòng)端上不能實(shí)現(xiàn)拖拽布局嗎?8. vue.js - Vue 如何像Angular.js watch 一樣監(jiān)聽數(shù)據(jù)變化9. 配置Apache時(shí),添加對(duì)PHP的支持時(shí)語法錯(cuò)誤10. phpstudy8.1支持win11系統(tǒng)嗎?

網(wǎng)公網(wǎng)安備