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。
相關(guān)文章:
1. javascript - 怎么下載vue csp版本的2.0或者以上?2. golang - 用IDE看docker源碼時的小問題3. javascript - 求救!網(wǎng)頁播放視頻只有聲音沒有畫面,網(wǎng)頁上傳視頻文件時怎么知道視頻的編碼為H264還是MPEG4??4. javascript - webpack --hot 熱重載無效的問題5. io - java 文件操作,如何向指定的位置插入內(nèi)容 (不是替換內(nèi)容) ?6. docker - 各位電腦上有多少個容器啊?容器一多,自己都搞混了,咋辦呢?7. javascript - vue使用videojs+videojs-contrib-hls報錯8. dockerfile - [docker build image失敗- npm install]9. mysql如何配置遠程php外網(wǎng)鏈接數(shù)據(jù)庫10. Python 爬蟲 遇到的問題(手淘問大家)
