简单的过滤示例

过滤器格式化表达式的值以显示给用户。它们可用于视图模板，控制器或服务。此示例创建一个过滤器（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