filter -- 恕我直言,這就是一個框架作者的愛好,很多文章,寫的也不錯,但是有很多基本對新手不夠友好(這本來就是新手看的,還不友好那有個屁用)。
概念
顧名思義,修改值并返回新值
用法
|
區(qū)分,在數(shù)據(jù)展示的時候過濾,如
{{ 999 | number:2 }} //999.00
angular自帶指令
JSON
Object | json
保留小數(shù)
Number | number:2
文本大寫轉(zhuǎn)小寫
{{ 文本A-Z ... | lowercase }}
文本小寫轉(zhuǎn)大寫
{{ 文本a-z ... | uppercase }}
更多,請看官網(wǎng),傳送門: https://docs.angularjs.org/api/ng/filter
自定義指令
看了上面的代碼,有點了解了,自定義指令就是創(chuàng)建一個新的指令,用法跟自定義指令一樣
如:
app.controller('personCtrl', function($scope) {
$scope.message = "test";
});
使用:
<h1>{{ message|reverse }}</h1>
<br />
上一個完整代碼:
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="utf-8">
<script src="http://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-controller="personCtrl">
<h1>{{ message|reverse }}</h1>
<input type="text" ng-model="message">
</div>
<script>
var app = angular.module('myApp', []);
app.filter("reverse", function(){
return function(text){
return text.split("").reverse().join("");
}
});
app.controller('personCtrl', function($scope) {
$scope.message = "test";
});
</script>
</body>
</html>
--OK--
參考鏈接
https://hairui219.gitbooks.io/learning_angular/content/zh/chapter01.html
http://www.runoob.com/angularjs/angularjs-tutorial.html
--END--