网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

简简单单就解决了

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

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


网页名称:angularjs中怎么通过过滤器返回超链接
本文链接:http://bjjierui.cn/article/jcjosh.html

其他资讯