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

 更新时间:2018年10月26日 09:16:05   作者:笙歌会停  
这篇文章主要介绍了angularjs通过过滤器返回超链接的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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

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

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

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

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

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

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

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

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

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

简简单单就解决了

总结

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • AngularJs 常用的过滤器

    AngularJs 常用的过滤器

    本篇文章主要介绍了AngularJs常用的过滤器。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05
  • Angular排序实例详解

    Angular排序实例详解

    本文通过实例给大家介绍了angular排序的相关知识,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-06-06
  • AngularJs 终极购物车(实例讲解)

    AngularJs 终极购物车(实例讲解)

    下面小编就为大家带来一篇AngularJs 终极购物车的实例讲解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • Angular 4依赖注入学习教程之InjectToken的使用(八)

    Angular 4依赖注入学习教程之InjectToken的使用(八)

    这篇文章主要给大家介绍了关于Angular 4依赖注入之InjectToken使用的相关资料,文中介绍的非常详细,对大家学习或者使用Angular4具有一定的参考学习价值,需要的朋友们下面来跟着小编一起学习学习吧。
    2017-06-06
  • AngularJS 实现按需异步加载实例代码

    AngularJS 实现按需异步加载实例代码

    这篇文章主要介绍了AngularJS 实现按需异步加载实例代码的相关资料,需要的朋友可以参考下
    2015-10-10
  • 使用AngularJS处理单选框和复选框的简单方法

    使用AngularJS处理单选框和复选框的简单方法

    这篇文章主要介绍了使用AngularJS处理单选框和复选框的方法,在AngularJS表单的基础之上编写起来非常简单,需要的朋友可以参考下
    2015-06-06
  • AngularJS实现页面定时刷新

    AngularJS实现页面定时刷新

    本篇文章主要介绍了AngularJS实现页面定时刷新,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • AngularJS入门教程之AngularJS模型

    AngularJS入门教程之AngularJS模型

    这篇文章主要介绍了AngularJS入门教程之AngularJS模型的相关资料,需要的朋友可以参考下
    2016-04-04
  • 体验jQuery和AngularJS的不同点及AngularJS的迷人之处

    体验jQuery和AngularJS的不同点及AngularJS的迷人之处

    AngualrJS是一个很贴心的web应用框架,本篇通过jQuery和Angular两种方式来实现同一个实例,从而体验两者的不同点以及AngularJS的迷人之处
    2016-02-02
  • 深入理解Angularjs中的$resource服务

    深入理解Angularjs中的$resource服务

    大家可以知道在Angularjs中可以用$http同服务器进行通信,功能上比较简单,AngularJS还提供了另外一个可选的服务$resource,使用它可以非常方便的同支持restful的服务单进行数据交互。这篇文章主要给大家深入的介绍了Angularjs中的$resource服务。
    2016-12-12

最新评论