Angular(過濾器基本用法)


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';
})


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM