Angular 2更改图像src属性

标签 angular

假设我有以下代码:

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

如何从我的组件 .ts 文件中更改此 img src 属性?

最佳答案

在你的组件中添加一个 imgSrc

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属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38334010/

相关文章:

Angular 2 - 无法从路由器获取网址

angular - 如何获取 Angular 形式数组中已更改项目的索引

angular - ng-bootstrap - ngbtooltip 不适用于 [(ngModel)]

javascript - session 奇怪地返回 null

angular - Ionic 项目中缺少 app-routing.module.ts 和 app.module.ts 文件

javascript - Angular - 输入值和选择占位符不起作用

angular - 如何解决 'Property ' foo' 没有初始化程序并且在使用 @Input 装饰器时未在构造函数中明确分配?

angular - 无法解析 DataService Angular 的所有参数

angular - 发生未处理的异常 : Cannot find module '@angular/compiler-cli' with ng serve

typescript - Angular2路由,使用TypeScript,编译报错,获取意外token Console报错