HTML angular对关键字进行替换处理

最新推荐文章于 2024-05-21 14:15:14 发布
最新推荐文章于 2024-05-21 14:15:14 发布
阅读量319 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/qq402792989/p/7673915.html
版权

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="angular.js"></script>
        <script type="text/javascript">
            var app = angular.module("myApp", []);
            app.filter("replace", function() {
                return function(text) {
                    //alert(text.indexOf("qq"));
                    //return text+text.contains("qq");

                    function replaceValue(text) {
                        var value = "";
                        if(text.indexOf("qq")>=0) {
                            //alert("111");
                            value =  text.replace(/qq/g, "***");
                            
                            if(value.indexOf("枪")>=0){
                                return value.replace(/枪/g, "*");
                            }else{
                                return value;
                            }
                        }else if(text.indexOf("枪")>=0){
                            value =  text.replace(/枪/g, "*");
                            if(value.indexOf("枪")>=0){
                                return value.replace(/枪/g, "*");
                            }else{
                                return value;
                            }
                        }else{
                            if(value.indexOf("枪")>=0){
                                return text.replace(/枪/g, "*");
                            }else{
                                return text;
                            }
                        }
                        
                    }
                    return replaceValue(text);

                    //return text.replace(/qq|枪    /g, "***");

                }
            });
            app.controller("myCtrl", function($scope) {
                $scope.value = "qq";
            })
        </script>
    </head>

    <body ng-app="myApp" ng-controller="myCtrl">
        请输入：<input ng-model="value" />
        <p>{{value | replace}}</p>
    </body>

</html>

转载于:https://www.cnblogs.com/qq402792989/p/7673915.html

weixin_33905756
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Angular 中实现搜索关键字高亮示例
12-01
在 Angular 中，我们不应该试图直接修改 DOM 的内容，当需要更新 DOM 内容的时候，应该修改的其实是我们的数据模型，也就是 $scope 中的数据，Angular 会帮助我们将修改之后的数据展示在页面中。 但是，在有些情况下，比如我们有一个搜索框，希望将搜索的关键字在正文中高亮出来，这时候就会感觉比较吃力了，filter 可以帮助我们处理这种情况。 实际上，很多时候，我们的数据是不能直接输出到 DOM 中的，典型的比如日期，或者货币等等，通常需要将我们内部的数据格式化之后，再输出到页面中，在 Angular 中，这个工作就是通过 filter 来实现的。 filter 是 modu
AngularJS 如何进行字符串换行 & HTML 换行的互换
weixin_43536737的博客
12-23 3026
IOS UINavigationController 的使用前言如何实现字符串与 HTML 的平滑切换效果图结语 前言 在使用 textarea 标签设计多行输入功能时，我需要实现：点击编辑进入修改模式（textarea），再次点击，保存修改，换成显示模式（p 标签）。 这时，问题出现了，textarea 中换行读入的是 ‘/n’，而 p 中换行使用的是 HTML 语法，也即 <br> 或 <br />，这就需要我们在 js 中根据要显示的格式，对 ‘/n’ 与 <br>
替换html中的链接,在指令的链接中替换angular元素html
weixin_39887925的博客
06-21 103
这是我的第一个Angular Directive。我正在尝试根据用于查找该内容的搜索字词对html内容进行简单的突出显示。问题是，这是第一个任期，但不是更多。我想要突出显示所有单词，但是当我替换HTML内容时，我做错了。这是指令试图做的事情：1。该指令应突出显示一个或多个单词。例如。如果搜索字词是“文档合法”，则应突出显示它们，即使它们不在此订单中。因此，像“合法的文件”这样的文本应该突出显示，“...
ng-model，ng-value，ng-bind，{{}}----angularJS数据绑定
zhaolisha9232的博客
02-23 5824
最典型用法 双向绑定 ng-value 用于设置 input 或 select 元素的 value 属性 input ng-value="expression">/input> ng-model  , , , 元素支持该指令。 element ng-model="name">/element> ng-b
Angular 字符串替换
IDream.
10-30 3324
<span *ngIf="!item.filterWordsPass"> <!-- matchWords 关键字数组, content 字符串 (页面)--> <i [innerHTML]="keyWordManage(item.matchWords,item.comment.content)"></i> </span...
angularjs如何替换插值字符串{{..}}
yellowpig1210的专栏
08-10 2324
今天在看k8s的dashboard源码时，被一种表达式弄傻了。分分钟被教做人 在百度的时候，发现我都不知道{{...}}叫什么、在哪里定义的T_T 1.人家叫"插值表达式" 2.如果想用其他符号如[[...]]替换{{...}}，需要用到$interpolate 3.[[Message|Description]]语法是Google Closure Compiler的goog.getMs...
[angular]指令之2replace
灵眼儿上方
12-21 2118
[angular]指令之2replace
模板标签html变量替换,Angularjs。发送标签中的HTML模板内的变量<script>
weixin_39765209的博客
06-24 195
_hcwp = window._hcwp || [];_hcwp.push({widget:"Stream", widget_id:10862, xid:{{_id}});(function() {if("HC_LOAD_INIT" in window)return;HC_LOAD_INIT = true;var lang = (navigator.language || navigator.sy...
angularjs实现过滤并替换关键字小功能
12-09
本文实例为大家分享了angularjs实现过滤并替换关键字的具体代码，供大家参考...//自定义过滤器，并且替换关键字[removed] var myapp=angular.module("myapp",[]); /*自定义过滤器*/ myapp.filter("wordFilter",function
详解Angular的数据显示优化处理
08-31
本文主要对Angular的数据显示优化处理进行详细介绍，具有一定的参考价值，下面跟着小编一起来看下吧
Angular4绑定html内容出现警告的处理方法
08-28
主要给大家介绍了关于Angular4绑定html内容出现警告的处理方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
angular-过滤器orderBy排序limitTo长度
guohao326的博客
05-01 4597
排序关键词： 排序顺序：        长度：        位置： | orderBy:keyword:sort| limitTo:length:index"> var app=angular.module("myApp",[]); app.controller("my",["$scope",function($scope){
angularjs指令中的replace与transclude参数
timeless的博客
12-30 1万+
replace, 是否替换掉自定义的指令,　默认是false Element形式                                                                 var app = angular.module('myapp', []);             app.directive('cust',
angular 自定义过滤器>>截取字符串、去除字符串中的空格
guohao326的博客
09-03 8417
html> html ng-app="myApp"> head> meta charset="UTF-8"> title>title> script src="js/angular.min.js">script> head> body ng-controller="myCtrl"> div> span>截取字符串:span> span>{{name|myfilter}}
replace替换字符串中的字符
sxs1995的博客
09-25 1万+
var data = “数据1,数据2,数据3” data.replace(“,”,”+”);//只能替换掉第一个，号。result ==>”数据1+数据2,数据3” var reg = new RegExp(“,”,”g”);//g,表示全部替换。 data.replace(reg,”+”);result ==> “数据1+数据2+数据3”
.contains() 判断一个元素内是否包含另一个元素
热门推荐
songmumu博客
04-04 2万+
<div id="parent"> parent <div id="children">children</div> </div> js代码： let parent = document.getElementById('parent') let children = document.getElementById('children'...
js中字符串的方法：replace;替换字符串中的某个字符
宋坚强大大~~
10-22 1万+
定义和用法  replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。  语法 stringObject.replace(regexp/substr,replacement)参数 描述  regexp/substr 必需。规定子字符串或要替换的模式的 RegExp 对象。 请注意，如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不...
openlayers绘制经纬网格，有添加或者移除功能
最新发布
qq_52959651的博客
05-21 120
我的项目是vue写的，当点击多选框显示隐藏经纬网格，下面直接写代码。项目需要在地图中添加经纬网格，然后看了一下官网有相关的介绍。这是删除图层相关的网站。这是绘制经纬网格方法。
angular *ngFor怎么对数字进行循环3
05-30
在这两个例子中，我们使用了Angular的ngFor指令，它可以遍历数组中的每个元素，并将它们渲染到模板中。我们可以使用数组来代表我们想要循环的数字序列。然后，我们可以使用let语句将数组中的元素分配给一个变量，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值