currency | 格式化數字為貨幣格式。 |
filter | 從數組項中選擇一個子集。 |
lowercase | 格式化字符串為小寫。 |
orderBy | 根據某個表達式排列數組。 |
uppercase | 格式化字符串為大寫。 |
內容中:數值轉為貨幣格式
<p>總價 = {{ (quantity * price) | currency }}</p>
排序
<ul><li ng-repeat="x in names | orderBy:'country'">{{ x.name + ', ' + x.country }}</li>
</ul>
內容中:轉小寫
<p>姓名為 {{ lastName | lowercase }}</p>
內容中:轉大小寫
<body ng-app="myApp"><div ng-controller="myCtrl"><input type="text" ng-model="name"/><input type="text" ng-model="age"/><!--z轉換為大/小寫--><!--<p>調用控制器里的函數:{{info()|uppercase}}</p>--><p>調用控制器里的函數:{{info()|lowercase}}</p></div><script type="text/javascript">var app=angular.module('myApp',[]);app.controller("myCtrl",function($scope){$scope.name="Youyuanyuan";$scope.age=10;$scope.info=function(){//注意變量前加上$scopereturn $scope.name+" "+$scope.age;}})</script></body>
排序:在ng-repeat之后
- {{x}}
- {{x.name+" "+x.age}}
<body ng-app="myApp"><div ng-controller="myCtrl"><input type="text" ng-model="name" /><input type="text" ng-model="num" /><p>{{"名稱:"+name+",單價:"+price+",數量:"+num}}</p><p>總價:{{ (price * num) | currency }}</p></div><ul ng-controller="myCtrl"><!--數組排序--><li ng-repeat="x in sum|orderBy">{{x}}</li></ul><ul ng-controller="myCtrl"><!--對象排序--><li ng-repeat="x in info|orderBy:'age'">{{x.name+" "+x.age}}</li></ul><script type="text/javascript">var app = angular.module('myApp', []);app.controller("myCtrl", function($scope) {$scope.name = "apple";$scope.num = 10;$scope.price = 20;$scope.sum =[10,30,20];$scope.info=[{name:"youyunayuan",age:20},{name:"youqijia",age:30},{name:"youlonglong",age:10},{name:"zhengshaonong",age:5}];})</script></body>