控制器和過濾器的用法
<html>
<script src= "http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>
<body>
<p>ng-controller 指令定義了應用程序控制器。這個控制器是自己定義的</p>
<div ng-app="myApp" ng-controller="namesCtrl">
<p>輸入過濾:</p>
<p><input type="text" ng-model="test"></p>
<p>這里用到了過濾器，‘|’為管道過濾器,后面可以接：<br/>
currency 格式化數字為貨幣格式。<br/>
filter 從數組項中選擇一個子集。<br/>
lowercase 格式化字符串為小寫。<br/>
orderBy 根據某個表達式排列數組。<br/>
uppercase 格式化字符串為大寫。</p>
<ul>
<li ng-repeat="x in names | filter:test | orderBy:'country'">
{{ fullName(x) + ', ' + x.country | uppercase }}
</li>
</ul>
</div>
<script>
angular.module('myApp', []).controller('namesCtrl', function($scope) {
$scope.names = [
{firstName:'Jani',lastName:'a',country:'Norway'},
{firstName:'Hege',lastName:'b',country:'Sweden'},
{firstName:'Kai',lastName:'c',country:'Denmark'}
];
$scope.fullName = function($x) {
return $x.firstName + " " + $x.lastName;
}
});
</script>
</body>
</html>
眼鏡蛇