角度2変更画像のsrc属性

Question

私は、次のコードを持っていると仮定すると？

Answer 1

あなたは$イベントを使用して、タグの参照を渡すと、あなたのtypescriptですコードから、それの属性を変更することができ、あなたのコンポーネントに

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

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

Answer 2

をIMGSRCを追加します。

<img (click)="functionInTypeScript($event.target)"> 

それとも、別のイベントにイメージタグで何かを変更したい場合は、この

<img #image> 
<button (click)=functionInTypeScript(image)> 

のようにそれを行うと、単にこの

functioninTypeScript(image:any) { 
    image.src='path to new image'; 
} 

Answer 3

活字体のようなtypescriptですコードにアクセスすることができました：

getImage(image: any, time: string) { 
    const t1 = '06:00'; 
    const t2 = '18:00'; 
    if (time >= t1 && time < t2) { 
     return ('/images/morning.png'); 
    } else { 
     return ('/images/evening.png'); 
    } 
    } 

HTML：

<img [src]="getImage(this,bettrainList.departureTime)" width="25">