过滤器可以使用一个管道字符(|)添加到表达式和指令中。
AngularJS 过滤器可用于转换数据:
以currency 过滤器为例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-app="myApp" ng-controler="myCtrl"> 单价:<input type="number" ng-model="price"><br> 数量:<input type="number" ng-model="num"><br> <br> <p>总价:{{(price*num) | currency}}</p> </div> <script type="text/javascript"> var app = angular.module('myApp',[]); app.controller('myCtrl',function($scope){ $scope.price = 9.9; $scope.num = 1; }); </script> </body> </html>
注意:
单价:<input type="number" ng-model="price"><br>
ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值,这里是ng-model而不是ng-module;
输入类型为number而不是text。
var app = angular.module('myApp',[]);
括号内部是单引号不是双引号。
app.controller('myCtrl',function($scope)
不要把scope前面的$和function遗漏。