angular.js - 在ng-option 里使用過(guò)濾器無(wú)效
問(wèn)題描述
想在ng-option 把英文轉(zhuǎn)為中文顯示,但是filter貌似無(wú)效。我使用了uppercase也是無(wú)效。為什么?我看網(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 = ’無(wú)效’; break;case ’all’: output = '所有'; break; } return output;} } "
問(wèn)題解答
回答1:你調(diào)試一下過(guò)濾器的代碼就知道問(wèn)題了,你的參數(shù)你以為是對(duì)象其實(shí)是數(shù)組,所以switch沒(méi)有匹配到值,直接return出去了一個(gè)undefined。
相關(guān)文章:
1. javascript - 使用form進(jìn)行頁(yè)面跳轉(zhuǎn),但是很慢,如何加一個(gè)Loading?2. python 計(jì)算兩個(gè)時(shí)間相差的分鐘數(shù),超過(guò)一天時(shí)計(jì)算不對(duì)3. angular.js - angularjs 注入模塊報(bào)錯(cuò) 很怪異... 求解惑4. docker-machine添加一個(gè)已有的docker主機(jī)問(wèn)題5. javascript - 后臺(tái)管理系統(tǒng)左側(cè)折疊導(dǎo)航欄數(shù)據(jù)較多,怎么樣直接通過(guò)搜索去定位到具體某一個(gè)菜單項(xiàng)位置,并展開當(dāng)前菜單6. docker-compose中volumes的問(wèn)題7. javascript - JS 里面的 delete object.key 到底刪除了什么?8. javascript - ES6規(guī)范下 repeat 函數(shù)報(bào)錯(cuò) Invalid count value9. javascript - html5的data屬性怎么指定一個(gè)function函數(shù)呢?10. angular.js - 輸入郵箱地址之后, 如何使其自動(dòng)在末尾添加分號(hào)?
