簡單的過濾示例

過濾器格式化表示式的值以顯示給使用者。它們可用於檢視模板，控制器或服務。此示例建立一個過濾器（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