Angular 8 显示图像 src 存储为变量中的 ng 模型

Question

我想将图像 src 显示为动态变量，我在名为 displayImage 的变量中声明了一个默认值作为字符串：

<div class="col-6 " style="margin-top: 35px;">
  <div class="row">
    <div class="col-6">
      <img src="assets/cardsModels/Anniversaire.png" alt="">
    </div>
  </div>
</div>

**

this.displayedImage = 'assets/cardsModels/Anniversaire.pnf'

this.displayedImage 在构造函数中声明，图片未找到，无法显示！

Answer 1

您的问题的解决方案是更改 html 之类的（使用数据绑定）：

<div class="col-6 " style="margin-top: 35px;">
  <div class="row">
    <div class="col-6">
      <img [src]="displayedImage" alt="">
    </div>
  </div>
</div>

并修复以下错误：

this.displayedImage = 'assets/cardsModels/Anniversaire.pnf'

到：

this.displayedImage = 'assets/cardsModels/Anniversaire.png'