<!DOCTYPE html> <html lang="zh_CN"> <head> <meta charset="UTF-8"> <title>Angular基础</title> </head> <body> <div ng-app="myApp"> <div ng-controller="firstCtrl"> {{welcome | replaceHello}}<br/> {{welcome | replaceHello:3:5}}<br/> {{welcome | rJs}}<br/> </div> </div> <script src="https://www.jb51.net/angular.min.js"></script> <script src="https://www.jb51.net/filter.js"></script> <script type="application/javascript"> var myApp=angular.module('myApp',['myApp.filter']); myApp.controller('firstCtrl',function($scope){ $scope.welcome="Hello AngularJs"; }); //自定义过滤器 myApp.filter('replaceHello',function(){ return function(input,n1,n2){ console.log(input); console.log(n1); console.log(n2); return input.replace(/Hello/,'您好'); } }) </script> </body> </html>
var appFilter=angular.module('myApp.filter',[]); //自定义过滤器 appFilter.filter('rJs',function(){ return function(input,n1,n2){ console.log(input); console.log(n1); console.log(n2); return input.replace(/Js/,' javaScript'); } });
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。
您可能感兴趣的文章: