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版代码高亮
Jun 26 Javascript
总结一些js自定义的函数
Aug 05 Javascript
探讨JQUERY JSON的反序列化类 using问题的解决方法
Dec 19 Javascript
一个不错的js html页面倒计时可精确到秒
Oct 22 Javascript
node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
Nov 20 Javascript
js控制页面的全屏展示和退出全屏显示的方法
Mar 10 Javascript
js实现带圆角的两级导航菜单效果代码
Aug 24 Javascript
利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解
Nov 20 Javascript
jQuery实现动态加载select下拉列表项功能示例
May 31 jQuery
微信小程序实现自定义加载图标功能
Jul 19 Javascript
解决layer.confirm快速点击会重复触发事件的问题
Sep 23 Javascript
vue中的过滤器及其时间格式化问题
Apr 09 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
URL Rewrite的设置方法
2007/01/02 PHP
UCenter中的一个可逆加密函数authcode函数代码
2010/07/20 PHP
PHP操作MongoDB时的整数问题及对策说明
2011/05/02 PHP
php中删除字符串中最先出现某个字符的实现代码
2013/02/03 PHP
php class中self,parent,this的区别以及实例介绍
2013/04/24 PHP
ThinkPHP中的系统常量和预定义常量集合
2014/07/01 PHP
PHP生成短网址方法汇总
2016/07/12 PHP
extjs中grid中嵌入动态combobox的应用
2011/01/01 Javascript
通过JS来动态的修改url,实现对url的增删查改
2014/09/01 Javascript
jQuery实现的多级下拉菜单效果代码
2015/08/24 Javascript
Select下拉框模糊查询功能实现代码
2016/07/22 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
2017/01/10 Javascript
jQuery插件FusionCharts实现的2D面积图效果示例【附demo源码下载】
2017/03/06 Javascript
用 js 的 selection range 操作选择区域内容和图片
2017/04/18 Javascript
MVVM框架下实现分页功能示例
2018/06/14 Javascript
新手该如何学python怎么学好python?
2008/10/07 Python
python实现的解析crontab配置文件代码
2014/06/30 Python
Python升级提示Tkinter模块找不到的解决方法
2014/08/22 Python
python打开文件并获取文件相关属性的方法
2015/04/23 Python
python删除列表内容
2015/08/04 Python
使用python编写监听端
2018/04/12 Python
python RabbitMQ 使用详细介绍(小结)
2018/11/08 Python
Python使用folium excel绘制point
2019/01/03 Python
Python中psutil的介绍与用法
2019/05/02 Python
对python中的os.getpid()和os.fork()函数详解
2019/08/08 Python
Python实现CNN的多通道输入实例
2020/01/17 Python
html5 offlline 缓存使用示例
2013/06/24 HTML / CSS
冰淇淋店的创业计划书
2014/02/07 职场文书
酒店秘书求职信范文
2014/02/17 职场文书
解除劳动合同协议书(样本)
2014/10/02 职场文书
教师拔河比赛广播稿
2014/10/14 职场文书
农村党员学习党的群众路线教育实践活动心得体会
2014/11/04 职场文书
2014财务年度工作总结
2014/11/11 职场文书
高考学习决心书
2015/02/04 职场文书
Python使用PyYAML库读写yaml文件的方法
2022/04/06 Python
JS setTimeout与setInterval的区别
2022/04/20 Javascript