首頁 >web前端 >js教程 >angluarjs過濾並替換關鍵字功能實現代碼

angluarjs過濾並替換關鍵字功能實現代碼

小云云原創: 2018-02-08 11:29:351444瀏覽

本文主要和大家大家詳細介紹angluarjs實現過濾並替換關鍵字小功能，具有一定的參考價值，有興趣的小伙伴們可以參考一下，希望能幫助到大家。

html樣式

<body ng-app="myapp" ng-controller="myCtrl">
   <input type="text" ng-model="keytext">
   <p>{{ keytext|wordFilter:"#" }}</p>
</body>

//自訂過濾器，並且取代關鍵字

<script>
    var myapp=angular.module("myapp",[]);
    /*自定义过滤器*/
    myapp.filter("wordFilter",function () {
      return function (msg,flag) {
        /*替换关键字*/
        return msg.replace(/枪|子弹/g,flag);
      }
    })
    myapp.controller("myCtrl",function ($scope) {
      $scope.keytext="";
    })
  </script>

效果如下:

angluarjs過濾並替換關鍵字功能實現代碼

相關文章