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