angularjs通过过滤器返回超链接的方法


Posted in Javascript onOctober 26, 2018

在项目中有一个功能,需要把一段字符串拼接成一个超链接,效果如下图,

angularjs通过过滤器返回超链接的方法

从数据库中得到的字符串格式如下

angularjs通过过滤器返回超链接的方法

数据的格式很工整,以“#”和空格为标志就可以很顺利的分割,

angularjs通过过滤器返回超链接的方法

开始想象的很美好,以为直接返回就好了。

但是现实很残酷,a标签并没有变成超链接,而是变成了一个字符串

angularjs通过过滤器返回超链接的方法

检查发现并没有被转义,对这个感到不太理解

angularjs通过过滤器返回超链接的方法

之后又在网上找了找,没找到合适的办法,后来询问学长,学长高数我有一个ngBindHtml的标签,于是去看了看官方文档,用法和效果如下

angularjs通过过滤器返回超链接的方法

angularjs通过过滤器返回超链接的方法

(第三个文件夹的作用没尝试出来,不知道是干啥的)

好像效果很符合,但应该怎么使用呢,filter里面是没法用$scope的,(事后想到不一定要用filter,完全可以写一个方法直接把这个字符串转化了,虽然这样很麻烦,但确实是一个思路)

没想到好办法,只能继续问学长了,没想到方法简单到不行,angualrjs早就考虑到了,ngbindhtml可以直接使用过滤器

angularjs通过过滤器返回超链接的方法

简简单单就解决了

angularjs通过过滤器返回超链接的方法

总结

对于这个问题,事后想了想,发现还是自己考虑问题不全面,在学长告诉自己ngbindhtml后,一直纠结于他的用法,而没有想到去研究研究过滤器可以用于那些地方,是否可以在属性中。虽然已经渐渐尝试去看官方文档了,但离真正会看官方文档的道路还很长。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
通过JS自动隐藏手机浏览器的地址栏实现原理与代码
Jan 02 Javascript
JavaScript和CSS通过expression实现Table居中显示
Jun 28 Javascript
jQuery中unwrap()方法用法实例
Jan 16 Javascript
JavaScript中getUTCMinutes()方法的使用详解
Jun 10 Javascript
JQuery中DOM实现事件移除的方法
Jun 13 Javascript
深入理解JavaScript 函数
Jun 06 Javascript
Ionic2开发环境搭建教程
Aug 20 Javascript
setTimeout时间设置为0详细解析
Mar 13 Javascript
vue子路由跳转实现tab选项卡
Jul 24 Javascript
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
Sep 09 Javascript
layui--select使用以及下拉框实现键盘选择的例子
Sep 24 Javascript
使用JavaScript实现贪吃蛇游戏
Sep 29 Javascript
js使用formData实现批量上传
Mar 27 #Javascript
详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)
Oct 26 #Javascript
js自定义input文件上传样式
Oct 26 #Javascript
解决axios会发送两次请求,有个OPTIONS请求的问题
Oct 25 #Javascript
在Vue中使用axios请求拦截的实现方法
Oct 25 #Javascript
webpack4+react多页面架构的实现
Oct 25 #Javascript
浅谈让你的代码更简短,更整洁,更易读的ES6小技巧
Oct 25 #Javascript
You might like
destoon调用自定义模板及样式的公告栏
2014/06/21 PHP
javascript some()函数用法详解
2014/11/13 PHP
php安装dblib扩展,连接mssql的具体步骤
2017/03/02 PHP
PHP+MYSQL实现读写分离简单实战
2017/03/13 PHP
PHP实现统计代码行数小工具
2019/09/19 PHP
在 IE 中调用 javascript 打开 Excel 表
2006/12/21 Javascript
让任务管理器中的CPU跳舞的js代码
2008/11/01 Javascript
Javascript 获取滚动条位置等信息的函数
2009/09/08 Javascript
AngularJS内建服务$location及其功能详解
2016/07/01 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
2016/11/16 Javascript
JavaScript实现的select点菜功能示例
2017/01/16 Javascript
jQuery实现判断上传图片类型和大小的方法示例
2018/04/11 jQuery
vuex操作state对象的实例代码
2018/04/25 Javascript
jQuery实现监听下拉框选中内容发生改变操作示例
2018/07/13 jQuery
JS/HTML5游戏常用算法之碰撞检测 地图格子算法实例详解
2018/12/12 Javascript
JavaScript类型相关的常用操作总结
2019/02/14 Javascript
JS学习笔记之原型链和利用原型实现继承详解
2019/05/29 Javascript
ssm+vue前后端分离框架整合实现(附源码)
2020/07/08 Javascript
python实现的简单猜数字游戏
2015/04/04 Python
python3.4 将16进制转成字符串的实例
2019/06/12 Python
Django  ORM 练习题及答案
2019/07/19 Python
python协程gevent案例 爬取斗鱼图片过程解析
2019/08/27 Python
Python pandas库中的isnull()详解
2019/12/26 Python
Django后台管理系统的图文使用教学
2020/01/20 Python
什么是Python中的顺序表
2020/06/02 Python
python Tornado框架的使用示例
2020/10/19 Python
美国最顶级的精品店之一:Hampden Clothing
2016/12/22 全球购物
瑞典领先的汽车零部件网上零售商:bildelaronline24.se
2017/01/12 全球购物
Herve Leger官网:标志性绷带连衣裙等
2018/12/26 全球购物
eharmony澳大利亚:网上约会服务
2020/02/29 全球购物
澳大利亚女装精品店:Alannah Hill
2020/07/29 全球购物
毕业生求职简历的自我评价
2013/10/23 职场文书
读书演讲主持词
2014/03/18 职场文书
邀请函怎么写
2015/01/30 职场文书
大连星海广场导游词
2015/02/10 职场文书
Java 深入探究讲解简单工厂模式
2022/04/07 Java/Android