Angular img tag src 条件

Question

我有 img1.png、img2.png、img3.png 和 img4.png，如何根据条件在 src 中添加这些图像之一

<img src ="if a===1 then img1.png if a ===2 then img2.png if a === 3 then img3.png if a ===4 then img4.png>

Answer 1

最好的方法是在您的 component.ts 文件中动态设置图像源。

你的模板

<img [src]="image">

在您的组件中

get image() { return...add your logic to figure out what image to show}

Answer 2

在 function 中运行条件，并在 src= 上使用插值，例如：

 src={{imageVariable}} in the ts part call useImagae(){ if(a === 1) this.imageVariable = "img1.png" }