angular.js - 在ng-option 里使用过滤器无效
问题描述
想在ng-option 把英文转为中文显示,但是filter貌似无效。我使用了uppercase也是无效。为什么?我看网上很多都这样写的呀
下面是代码:(1)controller里定义了状态列表:
$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实现
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:你调试一下过滤器的代码就知道问题了,你的参数你以为是对象其实是数组,所以switch没有匹配到值,直接return出去了一个undefined。
相关文章:
1. flexbox - css3[flex-shrink]属性在子项有 padding/box-sizing 属性时,是如何计算子项宽度的?2. 【python小白】 问关于property的顺序问题3. 9.png中在同一方向上设置多个拉伸位置,在android studio中怎么弄出来?4. angular.js - angular1如何使用跨域后的得到的数据5. angular.js - 如何在指令里使用ng-click6. android-studio - Android Studio 中有没有类似C#的#if DEBUG功能7. angular.js input输入正确数据框变红色8. JS怎么给每相隔一行的TD添加filter滤镜?9. angular.js - Angular 像这种重复判断的表达式 有什么好的解决办法吗?~10. android-studio - android studio自带模拟器中的本地“图库”所对应的路径是什么?