W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script> <body> <div ng-app="myApp" ng-controller="myCtrl"> <p>在显示数组 [255, 251, 200] 时使用过滤器：</p> <ul> <li ng-repeat="x in counts">{{x | myFormat}}</li> </ul> <p>此过滤器使用一个服务，将数字转换为十六进制值。</p> </div> <script> var app = angular.module('myApp', []); app.service('hexafy', function() { this.myFunc = function (x) { return x.toString(16); // 将数字转换为十六进制字符串 } }); app.filter('myFormat',['hexafy', function(hexafy) { return function(x) { return hexafy.myFunc(x); // 调用服务中的函数进行转换 }; }]); app.controller('myCtrl', function($scope) { $scope.counts = [255, 251, 200]; // 初始化数组 }); </script> </body> </html>