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. javascript - 一排三个框,各个框的间距是15px,距离外面的白框间距也是15px,这个css怎么写?2. javascript - 如何利用vue组件 动态生成router-link3. html5 - javascript写业务有用到什么编程范式没?4. html5 - vue-cli 装好了 新建项目的好了,找不到项目是怎么回事?5. javascript - immutable配合react提升性能?6. javascript - vue 手机端项目在进入主页后 在进入子页面,直接按返回出现空白情况7. css3 - 微信前端页面遇到的transition过渡动画的bug8. javascript - jQuery post()方法,里面的请求串可以转换为GBK编码么?可以的话怎样转换?9. python3.x - python 中的maketrans在utf-8文件中该怎么使用10. mysql - C#连接数据库时一直这一句出问题int i = cmd.ExecuteNonQuery();

网公网安备