首页 / JAVASCRIPT / javascript – 使用AngularJS ng-bind-html从json数据获取img src

javascript – 使用AngularJS ng-bind-html从json数据获取img src

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用AngularJS ng-bind-html从json数据获取img src，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1607字，纯文字阅读大概需要3分钟。

内容图文

所以我得到了一个有趣的问题,我没有找到答案.

假设我从JSON文件中获得了大量数据,但不知何故,其中一个主要字段看起来像这样

description : '<img src="http://o.aolcdn.com/hss/storage/midas/37c38989a5f26031be3e0ec5ffc5cd2/200012386/got-hbo-go-crash-2014-04-07-01_thumbnail.jpg"/> Viewing of the Game of Thrones season debut came to a crashing halt yesterday thanks to server problems with HBO Go. The cable outfit first reported the problem late yesterday via Twitter, and finally restored full service early this morning. That...'

在使用ng-bind-html将json数据绑定到我页面上的innerHTML时,如何从该IMG获取src. (使用display：none;在img本身,所以它不会显示)

我尝试了getElementsByTags等等,但没有返回有效值.

是否有某种“棱角分明”的方式来做或……？

BR的

解决方法:

基于存储在对象中的html,您可以执行以下操作：

var json = {description : '<img src="http://o.aolcdn.com/hss/storage/midas/37c38989a5f26031be3e0ec5ffc5cd2/200012386/got-hbo-go-crash-2014-04-07-01_thumbnail.jpg"/> Viewing of the Game of Thrones season debut came to a crashing halt yesterday thanks to server problems with HBO Go. The cable outfit first reported the problem late yesterday via Twitter, and finally restored full service early this morning. That...'};

  $scope.imgPath = '';

  $scope.getImage = function() {
    el = angular.element(angular.element('<div>' + json.description + '</div>').find('img')[0]);
    $scope.imgPath = el.attr('src');

  }

这是一个演示：http://plnkr.co/edit/JXy97lrN5FyW1MK33qO1?p=preview

此解决方案假定jQuery未包含在项目中.

这也有效：

 $scope.imgPath = angular.element(json.description).attr('src');

演示：http://plnkr.co/edit/zVllp9bmsU2DoZwDZnCY?p=info

内容总结

以上是互联网集市为您收集整理的javascript – 使用AngularJS ng-bind-html从json数据获取img src全部内容，希望文章能够帮你解决javascript – 使用AngularJS ng-bind-html从json数据获取img src所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/793440.html

来源：【匿名】