angular js filter使用笔记 过滤页面数据状态

angular js filter 使用笔记

这里只记录 自定义filter

环境1：页面展示一些数据状态，我们查到的是例如：0，1，2，3.。。。等一些数字代表的一些‘已处理’，‘已发货’ 等等状态。前台使用angular js 标签 {{}}进行接收

写个例子：

var modelApp = angular.module("modelApp");
modelApp.filter("orderStatusFilter", function () {
    //订单状态
    var orderStatus = {
        "-1" :"订单错误",
        "0" : "未发货",
        "1" : "已发货",
        "2" : "退货",
        "3" : "部分退货",
        "4" : "取消订单"
    };
    return function(status){
        return orderStatus[status];
    }
});

前台使用：{{orderStatus | orderStatusFilter }} 接收

环境2：当在input 中使用ng-model 进行接受状态并进行转换想要的值。
写个例子：
modelApp.controller("modelController", function($scope, $http, $location, $filter) { $scope.字段 = $filter("orderStatusFilter")(传进来的值); }

这里的orderStatusFilter为上面定义好的filter