这篇文章给大家介绍angularjs中怎么通过过滤器返回超链接,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
在项目中有一个功能,需要把一段字符串拼接成一个超链接,效果如下图,
![](/UpLoads/images/DATA/Web/20230107213545550786.png)
从数据库中得到的字符串格式如下
![](/UpLoads/images/DATA/Web/20230107213545369520.png)
数据的格式很工整,以“#”和空格为标志就可以很顺利的分割,
![](/UpLoads/images/DATA/Web/20230107213545772768.png)
开始想象的很美好,以为直接返回就好了。
但是现实很残酷,a标签并没有变成超链接,而是变成了一个字符串
![](/UpLoads/images/DATA/Web/20230107213545256006.png)
检查发现并没有被转义,对这个感到不太理解
![](/UpLoads/images/DATA/Web/20230107213545452335.png)
之后又在网上找了找,没找到合适的办法,后来询问学长,学长高数我有一个ngBindHtml的标签,于是去看了看官方文档,用法和效果如下
![](/UpLoads/images/DATA/Web/20230107213545880497.png)
![](/UpLoads/images/DATA/Web/20230107213545497515.png)
(第三个文件夹的作用没尝试出来,不知道是干啥的)
好像效果很符合,但应该怎么使用呢,filter里面是没法用$scope的,(事后想到不一定要用filter,完全可以写一个方法直接把这个字符串转化了,虽然这样很麻烦,但确实是一个思路)
没想到好办法,只能继续问学长了,没想到方法简单到不行,angualrjs早就考虑到了,ngbindhtml可以直接使用过滤器
![](/UpLoads/images/DATA/Web/20230107213545344845.png)
简简单单就解决了
![](/UpLoads/images/DATA/Web/20230107213545652541.png)
关于angularjs中怎么通过过滤器返回超链接就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。