AngularJS 简单过滤器示例
示例
过滤器格式化表达式的值以显示给用户。它们可以在视图模板，控制器或服务中使用。本示例创建一个过滤器（addZ），然后在视图中使用它。此过滤器所做的全部工作是在字符串的末尾添加大写字母“Z”。
example.js
angular.module('main', [])
.filter('addZ', function() {
return function(value) {
return value + "Z";
}
})
.controller('MyController', ['$scope', function($scope) {
$scope.sample = "hello";
}])example.html
在视图内部，过滤器采用以下语法：{variable|filter}。在这种情况下，我们在控制器中定义的变量sample将被创建的过滤器过滤addZ。
<div ng-controller="MyController">
<span>{{sample | addZ}}</span>
</div>预期产量
helloZ
热门推荐
1 如何训练狗狗不叫
2 训练狗狗不叫
3 训练狗狗随行
4 怎么训练狗狗不叫
7 训练比熊狗狗教程
10 上海狗狗训练
11 怎么训练狗狗上厕所
12 训练狗狗趴下
13 狗狗服从训练
14 训练狗狗拒食
15 训练狗狗笑
16 训练狗狗大便
17 训练狗狗立
18 训练狗狗捡东西