Angular(过滤器基本用法)

最新推荐文章于 2022-06-15 17:26:27 发布

dibisha5159

最新推荐文章于 2022-06-15 17:26:27 发布

阅读量113

点赞数

文章标签： javascript json 数据结构与算法 ViewUI

原文链接：http://www.cnblogs.com/YoogaChan/p/6920661.html

版权

html部分

.............................................................

<!doctype html>
<html ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title>AngularJS Filters</title>
</head>
<body>
<div ng-controller="myController">
    <h2>过滤器基本用法</h2>

    数字：{{123.456789|number:3}}<br><!-- 保留小数点后3位-->
    货币：{{123.456789|currency:"$"}}<br><!--加上$符号-->
    日期：{{currentDate | date:'yyyy-MM-dd HH:mm:ss Z'}}<!--获取当前的日期时间及其时区--><br>

    JSON:{{JSONObj | json}}<br><!--转换成json数据结构-->
    Limit Array:{{days|limitTo:3}}<br>  <!--取得数组的前三个数组项目-->
    Limit String：{{word | limitTo:9}}<br><!--取得字符串的前9个字符-->
    Uppercase：{{word|uppercase|limitTo:9}}<br><!--取得字符串的前9个字符，并将其大写输出-->
    Lowercase：{{word|lowercase|limitTo:9}}<!--取得字符串的前9个字符，并将其小写输出-->

</div>
<script src="js/angular-1.3.0.js"></script>
<script src="js/t7.js"></script>
</body>
</html>

JS部分

.............................................................

var myApp=angular.module('myApp',[]);
myApp.controller('myController',function ($scope) {
    $scope.currentDate=new Date();
    $scope.JSONObj={title:'hahhahaha'};
    $scope.days=['Mon','Tue','Wed','Thr','Fri','Sat','Sun'];
    $scope.word='addsAdGaDADFAsDfdsafdsafasdf';
})

转载于:https://www.cnblogs.com/YoogaChan/p/6920661.html

dibisha5159

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Angular(过滤器基本用法)

html部分.............................................................<!doctype html><html ng-app="myApp"><head> <meta charset="UTF-8"> <title>AngularJS Filte...
复制链接

扫一扫