angular自定义过滤器

最新推荐文章于 2021-10-20 08:44:18 发布

忙着写BUG

最新推荐文章于 2021-10-20 08:44:18 发布

阅读量283

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/MincingMachine/article/details/78743000

本文介绍了一个使用AngularJS框架创建的简单示例，通过定义自定义过滤器来实现文本内容的替换功能。该示例展示了如何在AngularJS中创建并应用过滤器，以改变界面上显示的数据。

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

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
       <script src="js/angular.min.js" type="text/javascript" charset="UTF-8"></script>

   </head>
   <body ng-app="myApp" ng-controller="myCtrl">

       <input type="text" ng-model="name" />
       <div class="two">
           {{name|minganci}}
       </div>
   </body>
   <script type="text/javascript">
       var mo = angular.module("myApp",[]);

       mo.controller("myCtrl",function($scope){

       })
       mo.filter("minganci",function(){

           return function(input){

               if(input==undefined){
                   alert("aaa")
                   input="";
               }

               return input.replace(/枪/g,"@");
           }
       });
   </script>
</html>