AngularJS 过滤器

ting119

于 2018-04-07 22:12:00 发布

阅读量120

点赞数

文章标签： Angular JS HTML num string

本文链接：https://blog.csdn.net/ting119/article/details/79844988

版权

1. 过滤器：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-model="num=[{'age':13},{'age':12},{'age':15},{'age':10}]">

    <div> {{ 99.99 | currency }}</div>
    <div>{{ ['a','b','ab'] | filter : 'a' }}</div>
    <div>{{'abcDEF' | lowercase}}</div>
    <div>{{num | orderBy : 'age'}}</div>
    <div>{{'abccDEKIG' | uppercase}}</div>
    <div>{{0 | date : 'yyyy-MM-dd hh:mm EEEE'}}</div>
    <div>{{{name:'haha'} | json}}</div>
    <div>{{[1,2,3,4,5,6,7,8,9] | limitTo:5}}</div>
    <div>{{123456.789654 | number :2}}</div>
    <div>{{[1,2,'aaa',3] | join}}</div>
</div>

<script>
    var app = angular.module('myApp', []);
    app.filter('join', function () {
        return function (inputArray) {
            return inputArray.join('.');
        }
    });
</script>

</body>
</html>