angularjs實現(xiàn)過濾并替換關(guān)鍵字小功能
更新時間:2017年09月19日 09:38:36 作者:XJian
這篇文章主要為大家詳細介紹了angularjs實現(xiàn)過濾并替換關(guān)鍵字小功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了angularjs實現(xiàn)過濾并替換關(guān)鍵字的具體代碼,供大家參考,具體內(nèi)容如下
html樣式
<body ng-app="myapp" ng-controller="myCtrl"> <input type="text" ng-model="keytext"> <p>{{ keytext|wordFilter:"#" }}</p> </body>
//自定義過濾器,并且替換關(guān)鍵字
<script> var myapp=angular.module("myapp",[]); /*自定義過濾器*/ myapp.filter("wordFilter",function () { return function (msg,flag) { /*替換關(guān)鍵字*/ return msg.replace(/槍|子彈/g,flag); } }) myapp.controller("myCtrl",function ($scope) { $scope.keytext=""; }) </script>
效果如下:
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
AngularJS基礎(chǔ) ng-mousemove 指令簡單示例
本文主要介紹AngularJS ng-mousemove 指令,這里幫大家整理了ng-mousemove 指令的詳細資料,并附有示例代碼,有需要的朋友參考下2016-08-08AngularJS iframe跨域打開內(nèi)容時報錯誤的解決辦法
這篇文章主要介紹了AngularJS iframe跨域打開內(nèi)容時報錯誤的解決辦法,需要的朋友可以參考下2015-01-01解決angular2在雙向數(shù)據(jù)綁定時[(ngModel)]無法使用的問題
今天小編就為大家分享一篇解決angular2在雙向數(shù)據(jù)綁定時[(ngModel)]無法使用的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09詳解Angular結(jié)合zTree異步加載節(jié)點數(shù)據(jù)
本篇文章主要給大家分享了Angular結(jié)合zTree異步加載節(jié)點數(shù)據(jù)的難點以及方法,有這方面需求的朋友參考下吧。2018-01-01