angle.js – Die Verwendung eines Filters in ng-option hat keine Auswirkung

Question

Ich möchte in ng-option die Anzeige von Englisch in Chinesisch konvertieren, aber der Filter scheint ungültig zu sein. Ich habe Großbuchstaben verwendet, aber es hat auch nicht funktioniert. Warum?
Ich sehe viele solcher Dinge im Internet geschrieben

Das Folgende ist der Code:
(1) Die Statusliste ist im Controller definiert:

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

(2) Initialisieren Sie die Dropdown-Liste in HTML und möchten Sie den myStatusFilter-Filter verwenden, um sie für die chinesische Anzeige zu formatieren

                    <select class="form-control"
                            style="margin-right: 20px;width: 180px;"
                            ng-model="status"
                            ng-options="status for status in allStatuses | myStatusFilter">
                    </select>

(3) Filterimplementierung

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;
        }
    }         "

       

Answer 1

你调试一下过滤器的代码就知道问题了，你的参数你以为是对象其实是数组，所以switch没有匹配到值，直接return出去了一个undefined。