Angular實(shí)現(xiàn)的敏感文字自動(dòng)過濾與提示功能示例

發(fā)布時(shí)間：2020-09-28 09:32:12 來源：腳本之家閱讀：139 作者：當(dāng)愛0201 欄目：web開發(fā)

本文實(shí)例講述了Angular實(shí)現(xiàn)的敏感文字自動(dòng)過濾與提示功能。分享給大家供大家參考，具體如下：

先來看看運(yùn)行效果：

具體代碼如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>www.jb51.net angular敏感文字自動(dòng)過濾</title>
  <script src="angular.min.js"></script>
  <script>
    var myapp=angular.module("myapp",[]);
    myapp.filter("filter1",function () {
      return function (msg,flag) {
        return msg.replace(/三鹿/g,flag);
      }
    });
    myapp.controller("myCtrl",function ($scope) {
      $scope.message=""
    });
  </script>
</head>
<body ng-app="myapp" ng-controller="myCtrl">
<input type="text" ng-model="message">
<div>{{message|filter1:"輸入違禁詞了"}}</div>
</body>
</html>

更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《AngularJS指令操作技巧總結(jié)》、《AngularJS入門與進(jìn)階教程》及《AngularJS MVC架構(gòu)總結(jié)》

希望本文所述對(duì)大家AngularJS程序設(shè)計(jì)有所幫助。

向AI問一下細(xì)節(jié)

Angular實(shí)現(xiàn)的敏感文字自動(dòng)過濾與提示功能示例

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽