angular.js - 在ng-option 里使用过滤器无效
漂亮男人
漂亮男人 2017-05-16 13:19:07
[AngularJS讨论组]

想在ng-option 把英文转为中文显示,但是filter貌似无效。我使用了uppercase也是无效。为什么?
我看网上很多都这样写的呀

下面是代码:
(1)controller里定义了状态列表:

$scope.allStatuses = ["all", "process", "resolve", "finish", "invalid"];

(2)html里初始化下拉列表,想用 myStatusFilter 这个filter格式化为中文显示

                    <select class="form-control"
                            style="margin-right: 20px;width: 180px;"
                            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。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号