angularfilter等知识-创新互联

部分知识来源

1. Angular之自定义filter的用法
2. Javascript parseFloat、parseDouble类型转换，数值加减，四舍五入
3. Angular内置过滤器

自定义filter#

1.先自定义过滤器

为巴林右旗等地区用户提供了全套网页设计制作服务，及巴林右旗网站建设行业解决方案。主营业务为网站设计制作、成都网站建设、巴林右旗网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

var pmsApp = angular.module("pmsApp", ["ui.router", 'ui.bootstrap', 'ui.bootstrap.pagination','ngCookies','pascalprecht.translate'],function ($httpProvider) {
    $httpProvider.defaults.headers.post['Content-Type'] = 'application/json';  
    $httpProvider.defaults.headers.post['X-Requested-With'] = 'XMLHttpRequest'; 
});

pmsApp.filter('sumColumn',function(){
    return function(data, key){
        if(typeof(data) === undefined || typeof(key) === undefined ) {
            return 0;
        }

        var sum = 0,
            i = data.length - 1;

        for(; i >= 0; i--) {
            sum += parseFloat(data[i][key] ? data[i][key] : 0);
        }

        return sum.toFixed(2);
    };
});

2.在视图上使用过滤器：

{{obj | filterName:参数1:参数2:...}}  //obj是要过滤的对象

3.在控制器里面使用：
首先需注入$filter之后才能使用,具体用法如下：

$filter(filterName)(要过滤的对象,参数1,参数2,...)

注:

$httpProvider.defaults.headers.post['Content-Type'] = 'application/json';  
$httpProvider.defaults.headers.post['X-Requested-With'] = 'XMLHttpRequest'; 

可以设置Content-Type 为 application/json ，但是如果ajax请求中参数传递不正确，还是有可能会报Content-Type的错误，比如
Content type 'application/octet-stream' not supported ，所以需要检查参数传递问题

Error:[$parse:lexerr]##

有关AngularJS代码不符合语法，导致报错

toFixed()##

toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。

var sum2 = (parseFloat(a)+parseFloat(b)+parseFloat(c)).toFixed(4)

语法NumberObject.toFixed(num)参数描述num必需。规定小数的位数，是 0 ~ 20 之间的值，包括 0 和 20，有些实现可以支持更大的数值范围。如果省略了该参数，将用 0 代替。

$rootScope##

调用全局方法，获取返回值，给当前controller赋值

// 供应商分类
$rootScope.getSupplierClassificationArray(function(result){
    $scope.supplierClassificationArray = result;
    $scope.queryContent.supplierType = result.data[0].classNode;
});
// 履约情况
$rootScope.performStatusArray(function(result){
    $scope.performStatusSelect = result;
    $scope.queryContent.performStatus = result[0].value;
});

view代码 （设置value和text）

    	{{performStatus.text}}
	

注： 设置默认选中第一个正确方式为

$scope.queryContent.performStatus = result[0].value; // √
$scope.queryContent.performStatus = result[0]; // ×

本文名称：angularfilter等知识-创新互联
本文网址：http://6mz.cn/article/pjjph.html