最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 22:05:48
文档

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

angularjs通过过滤器返回超链接的方法:在项目中有一个功能,需要把一段字符串拼接成一个超链接,效果如下图, 从数据库中得到的字符串格式如下 数据的格式很工整,以#和空格为标志就可以很顺利的分割, 开始想象的很美好,以为直接返回就好了。 但是现实很残酷,a标签并没有变成超链接,而
推荐度:
导读angularjs通过过滤器返回超链接的方法:在项目中有一个功能,需要把一段字符串拼接成一个超链接,效果如下图, 从数据库中得到的字符串格式如下 数据的格式很工整,以#和空格为标志就可以很顺利的分割, 开始想象的很美好,以为直接返回就好了。 但是现实很残酷,a标签并没有变成超链接,而


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

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

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

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

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

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

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

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

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

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

简简单单就解决了

总结

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

文档

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

angularjs通过过滤器返回超链接的方法:在项目中有一个功能,需要把一段字符串拼接成一个超链接,效果如下图, 从数据库中得到的字符串格式如下 数据的格式很工整,以#和空格为标志就可以很顺利的分割, 开始想象的很美好,以为直接返回就好了。 但是现实很残酷,a标签并没有变成超链接,而
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top