Angular 自定義過濾器
阿新 • • 發佈：2017-08-04
scope urn rip htm ng- 顯示 () ctrl ont
<!DOCTYPE html>
<html ng-app="myApp">
<head lang="en">
<meta charset="UTF-8">
<script src="js/angular.js"></script>
<title></title>
</head>
<body>
<div ng-controller="myCtrl">
<h1>{{name | myUppercase}}</h1>
</div>
<script>
var app = angular.module(‘myApp‘, [‘ng‘]);
//創建自定義的過濾器
app.filter(‘myUppercase‘, function () {
return function (value) {
//實現對輸入的處理
//返回，顯示出來
return value.toUpperCase();
}
});
app.controller(‘myCtrl‘, function ($scope) {
$scope.name = "Jack";
})
</script>
</body>
</html>
Angular 自定義過濾器