如何在ngFor中绑定角度2中的img src?

发布时间:2019-12-06 整理:脚本之家
脚本之家收集整理的这篇文章主要介绍了如何在ngFor中绑定角度2中的img src?脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随脚本之家小编过来看看吧!
在我的项目中,我获取数据:图像src,学生姓名和学生ID。我绑定学生姓名和学生ID。

如何在角度2中绑定图像src?

解决方法

Angular 2,4和Angular 5兼容!

你提供的细节很少,所以我会在没有它们的情况下尝试回答你的问题。

您可以使用插值:

<img src={{imagePath}} />

或者您可以使用模板表达式:

<img [src]="imagePath" />

在ngFor循环中,它可能如下所示:

<div *ngFor="let student of students">
   <img src={{student.ImagePath}} />
</div>

总结

以上是脚本之家为你收集整理的如何在ngFor中绑定角度2中的img src?全部内容,希望文章能够帮你解决如何在ngFor中绑定角度2中的img src?所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

脚本之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ” ,选择关注!
精选程序员所需精品干货内容!

脚本之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ”
精选程序员所需精品干货内容!