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 相关文章推荐
一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
May 21 Javascript
JavaScript 原型学习总结
Oct 29 Javascript
jQuery表格行换色的三种实现方法
Jun 27 Javascript
jquery利用event.which方法获取键盘输入值的代码
Oct 09 Javascript
javascript中的this详解
Dec 08 Javascript
javaScript中push函数用法实例分析
Jun 08 Javascript
jQuery使用中可能被XSS攻击的一些危险环节提醒
May 24 Javascript
jQuery获取浏览器类型和版本号的方法
Jul 05 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
Jan 05 Javascript
Javascript设计模式之装饰者模式详解篇
Jan 17 Javascript
详解vue-cli项目中的proxyTable跨域问题小结
Feb 09 Javascript
Vue项目pdf(base64)转图片遇到的问题及解决方法
Oct 19 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
从php核心代码分析require和include的区别
2011/01/02 PHP
php设计模式 Factory(工厂模式)
2011/06/26 PHP
PHP正则表达式之定界符和原子介绍
2012/10/05 PHP
PHP中的流(streams)浅析
2015/07/02 PHP
JavaScript 参考教程
2006/12/29 Javascript
js动画(animate)简单引擎代码示例
2012/12/04 Javascript
在javascript中对于DOM的加强
2013/04/11 Javascript
用jquery写的一个万年历(自写)
2014/01/20 Javascript
JavaScript中的console.trace()函数介绍
2014/12/29 Javascript
每天一篇javascript学习小结(Date对象)
2015/11/13 Javascript
移动端脚本框架Hammer.js
2016/12/15 Javascript
详谈表单格式化插件jquery.serializeJSON
2017/06/23 jQuery
JS扩展String.prototype.format字符串拼接的功能
2018/03/09 Javascript
Vue中使用Sortable的示例代码
2018/04/07 Javascript
jQuery实现的简单歌词滚动功能示例
2019/01/07 jQuery
如何实现一个简易版的vuex持久化工具
2019/09/11 Javascript
浅析JavaScript中的事件委托机制跟深浅拷贝
2021/01/20 Javascript
python实现探测socket和web服务示例
2014/03/28 Python
python3编写C/S网络程序实例教程
2014/08/25 Python
举例讲解Python程序与系统shell交互的方式
2015/04/09 Python
编写Python脚本把sqlAlchemy对象转换成dict的教程
2015/05/29 Python
利用Python获取赶集网招聘信息前篇
2016/04/18 Python
python 打印对象的所有属性值的方法
2016/09/11 Python
用python记录运行pid,并在需要时kill掉它们的实例
2017/01/16 Python
python执行使用shell命令方法分享
2017/11/08 Python
浅谈Python脚本开头及导包注释自动添加方法
2018/10/27 Python
Pycharm+Python+PyQt5使用详解
2019/09/25 Python
利用Python绘制Jazz网络图的例子
2019/11/21 Python
Python中使用threading.Event协调线程的运行详解
2020/05/02 Python
使用CSS3的背景渐变Text Gradient 创建文字颜色渐变
2014/08/19 HTML / CSS
俄罗斯外国汽车和国产汽车配件网上商店:Движком
2020/04/19 全球购物
你懂得怎么写自荐信吗?
2013/12/27 职场文书
3.12植树节活动总结2014
2014/03/13 职场文书
2014年电厂工作总结
2014/12/04 职场文书
教师党员自我评价范文
2015/03/04 职场文书
教师反邪教心得体会
2016/01/15 职场文书