我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

angularjs中怎么通过过滤器返回超链接

这篇文章给大家介绍angularjs中怎么通过过滤器返回超链接,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

创新互联IDC提供业务:成都棕树电信机房,成都服务器租用,成都棕树电信机房,重庆服务器租用等四川省内主机托管与主机租用业务;数据中心含:双线机房,BGP机房,电信机房,移动机房,联通机房。

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

angularjs中怎么通过过滤器返回超链接

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

angularjs中怎么通过过滤器返回超链接

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

angularjs中怎么通过过滤器返回超链接

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

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

angularjs中怎么通过过滤器返回超链接

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

angularjs中怎么通过过滤器返回超链接

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

angularjs中怎么通过过滤器返回超链接

angularjs中怎么通过过滤器返回超链接

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

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

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

angularjs中怎么通过过滤器返回超链接

简简单单就解决了

angularjs中怎么通过过滤器返回超链接

关于angularjs中怎么通过过滤器返回超链接就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


本文标题:angularjs中怎么通过过滤器返回超链接
文章来源:http://mswzjz.cn/article/jcjosh.html

其他资讯