html angular自定义过滤器,指定所需要替换的文字

最新推荐文章于 2020-12-23 08:54:17 发布

原创最新推荐文章于 2020-12-23 08:54:17 发布 · 393 阅读

0 ·

CC 4.0 BY-SA版权

网页专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一个使用AngularJS实现的简单示例，通过自定义过滤器将页面上的文本进行替换展示。该示例中创建了一个名为myApp的应用模块，并定义了一个控制器myCtrl，设置了作用域变量haha的值为'hello,angular'。同时，还定义了一个名为myFilter的自定义过滤器，用于将文本中的'hello'替换为'你好'。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script type="text/javascript" src="angular.js" ></script>
           <script>
               var app = angular.module("myApp",[]);
               app.controller("myCtrl",function($scope){
                   $scope.haha = "hello,angular";
               });
               //调用filter()方法自定义过滤器
               app.filter("myFilter",function(){
                   return function(text){
                       return text.replace(/hello/,"你好");
                   }
               });
           </script>
   </head>
   <body ng-app="myApp" ng-controller="myCtrl">
       <p>{{haha | myFilter}}</p>
   </body>
</html>