angluarjs实现过滤并替换关键字小功能

来源：动视网责编：小OO 时间：2020-11-27 22:29:36

angluarjs实现过滤并替换关键字小功能

本文实例为大家分享了angluarjs实现过滤并替换关键字的具体代码，供大家参考，具体内容如下：html样式；<；body ng-app="myapp" ng-controller="myCtrl">；<；input type="text" ng-model="keytext">；<；p>；{{ keytext|wordFilter："#" }}<；/p>；<；/body>。//自定义过滤器，并且替换关键字。

推荐度：

点击下载本文 文档为doc格式

导读本文实例为大家分享了angluarjs实现过滤并替换关键字的具体代码，供大家参考，具体内容如下：html样式；<；body ng-app="myapp" ng-controller="myCtrl">；<；input type="text" ng-model="keytext">；<；p>；{{ keytext|wordFilter："#" }}<；/p>；<；/body>。//自定义过滤器，并且替换关键字。

本文实例为大家分享了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实现过滤并替换关键字小功能

推荐度：

点击下载本文 文档为doc格式

标签：过滤功能关键字

热门焦点

angluarjs实现过滤并替换关键字小功能

angluarjs实现过滤并替换关键字小功能

angluarjs实现过滤并替换关键字小功能

最新推荐

猜你喜欢

热门推荐