<!DOCTYPE html>
<html lang="en" ng-app="myapp">
<head>
<meta charset="utf-8">
<script src="js/angular.js"></script>
</head>
<body>
<div ng-controller="myctrl">
<p>{{firstName}}</p>
<p>{{lastName}}</p>
<p>{{lastName|uppercase}}</p>
<p>{{lastName|lowercase }}</p>
<input type="number" ng-model="price">
<input type="number" ng-model="nums">
<p>总价：{{price*nums|currency}}</p>
<ul>
<li ng-repeat="x in names | orderBy:'country'">
{{ x.name + ', ' + x.country }}
</li>
</ul>
<p>输入过滤:</p>
<p><input type="text" ng-model="test"></p>
<ul>
<li ng-repeat="x in names | filter:test |orderBy:'country'">
{{ (x.name | uppercase) + ', ' + x.country }}
</li>
</ul>
<p>自定义过滤器</p>
<div>
reverse name:{{ name2 |myfilter }}<br>
</div>
</div>
</body>
<script type="text/javascript">
var app = angular.module("myapp",[]);
app.controller("myctrl",function($scope){
$scope.firstName="James";
$scope.lastName="Bond";
$scope.names=[{name:"sys",country:"china"},
{name:"ays",country:"america"},
{name:"eys",country:"british"}];
$scope.name2="jerry";
});
app.filter("myfilter",function(){
return function(input,uppercase){
var out = "";
for(var i=0 ; i<input.length; i++){
out = input.charAt(i)+out;
}
if(uppercase){
out = out.toUpperCase();
}
return out;
}
})
</script>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
