Angular實(shí)現(xiàn)的敏感文字自動(dòng)過濾與提示功能示例
本文實(shí)例講述了Angular實(shí)現(xiàn)的敏感文字自動(dòng)過濾與提示功能。分享給大家供大家參考,具體如下:
先來看看運(yùn)行效果:
具體代碼如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.dbjr.com.cn 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ì)有所幫助。
- 基于AngularJS的拖拽文件上傳的實(shí)例代碼
- 使用angular幫你實(shí)現(xiàn)拖拽的示例
- angular-ui-sortable實(shí)現(xiàn)可拖拽排序列表
- AngularJS實(shí)現(xiàn)的錨點(diǎn)樓層跳轉(zhuǎn)功能示例
- Angular實(shí)現(xiàn)點(diǎn)擊按鈕控制隱藏和顯示功能示例
- Angular實(shí)現(xiàn)的簡(jiǎn)單定時(shí)器功能示例
- Angular實(shí)現(xiàn)的日程表功能【可添加及隱藏顯示內(nèi)容】
- AngularJS實(shí)現(xiàn)的根據(jù)數(shù)量與單價(jià)計(jì)算總價(jià)功能示例
- Angular實(shí)現(xiàn)較為復(fù)雜的表格過濾,刪除功能示例
- AngularJS實(shí)現(xiàn)的簡(jiǎn)單拖拽功能示例
相關(guān)文章
AngularJS實(shí)現(xiàn)表單驗(yàn)證功能
這篇文章主要為大家詳細(xì)介紹了AngularJS實(shí)現(xiàn)表單驗(yàn)證功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01Angular學(xué)習(xí)教程之RouterLink花式跳轉(zhuǎn)
這篇文章主要給大家介紹了關(guān)于Angular學(xué)習(xí)教程之RouterLink花式跳轉(zhuǎn)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2018-05-05AngularJs實(shí)現(xiàn)ng1.3+表單驗(yàn)證
這篇文章主要介紹了AngularJs實(shí)現(xiàn)ng1.3+表單驗(yàn)證,感興趣的小伙伴們可以參考一下2015-12-12用WebStorm進(jìn)行Angularjs 2開發(fā)(環(huán)境篇:Windows 10,Angular-cli方式)
這篇文章主要介紹了用WebStorm進(jìn)行Angularjs 2開發(fā)(環(huán)境篇:Windows 10,Angular-cli方式),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12angularjs $http實(shí)現(xiàn)form表單提交示例
這篇文章主要介紹了angularjs $http實(shí)現(xiàn)form表單提交示例,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-06-06Angular實(shí)現(xiàn)類似博客評(píng)論的遞歸顯示及獲取回復(fù)評(píng)論的數(shù)據(jù)
這篇文章主要給大家介紹了關(guān)于Angular如何實(shí)現(xiàn)類似博客評(píng)論的遞歸顯示及獲取回復(fù)評(píng)論的數(shù)據(jù)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-11-11