Angular 2更改图像src属性 [英] Angular 2 change image src attribute

问题描述

假设我有以下代码:

<img [src]="JwtService.characterImage(enemy)" 
        class="{{enemy.status}}"
    (click)="sidenav.toggle();" style="cursor:pointer">

如何更改组件.ts文件中的img src呢?

How I can change this img src asttribute from my components .ts file?

推荐答案

在组件中添加imgSrc

Add a imgSrc in your component

class Component {
 constructor(jwtService: JwtService) {
     this.imgSrc = JwtService.characterImage(enemy);
 }
}

<img [src]="imgSrc" 
        class="{{enemy.status}}"
    (click)="sidenav.toggle();" style="cursor:pointer">

这篇关于Angular 2更改图像src属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！