angularjs實現(xiàn)過濾并替換關鍵字小功能
更新時間：2017年09月19日 09:38:36 作者：XJian
這篇文章主要為大家詳細介紹了angularjs實現(xiàn)過濾并替換關鍵字小功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了angularjs實現(xiàn)過濾并替換關鍵字的具體代碼，供大家參考，具體內(nèi)容如下
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>
效果如下:
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
本文主要介紹AngularJS ng-href 指令,這里對ng-href 基礎資料進行詳細介紹,并附代碼實例,有興趣的小伙伴可以參考下2016-08-08
這篇文章主要介紹了angular *Ngif else用法詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-12-12
angular.foreach 循環(huán)方法使用指南
本文主要介紹了angular.foreach 循環(huán)方法使用格式及參數(shù)，是篇非?；A的文章，與需要的小伙伴參考下2015-01-01
Angular通過angular-cli來搭建web前端項目的方法
這篇文章主要介紹了Angular通過angular-cli來搭建web前端項目的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
AngularJS報錯$apply already in progress的解決方法分析
這篇文章主要介紹了AngularJS報錯$apply already in progress的解決方法,較為詳細的分析了報錯$apply already in progress的原理、處理技巧與相關注意事項,需要的朋友可以參考下2017-01-01
AngularJS驗證信息框架的封裝插件用法【w5cValidator擴展插件】
這篇文章主要介紹了AngularJS驗證信息框架的封裝插件用法,分析了AngularJS表單驗證規(guī)則并實例說明了w5cValidator擴展插件的相關使用技巧,需要的朋友可以參考下2016-11-11
ng-events類似ionic中Events的angular全局事件
這篇文章主要介紹了ng-events類似ionic中Events的angular全局事件,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2018-09-09
本文是小編日常收集整理的關于：AngularJS中最重要的核心功能，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-07-07
angular2/ionic2 實現(xiàn)搜索結(jié)果中的搜索關鍵字高亮的示例
這篇文章主要介紹了angular2/ionic2 實現(xiàn)搜索結(jié)果中的搜索關鍵字高亮的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
詳解Angular 4.x NgTemplateOutlet
這篇文章主要介紹了詳解Angular 4.x NgTemplateOutlet,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05