Ionic framework 当某些情况发生时，如何更改离子图像

在我的ionic项目中，我希望显示具有某些条件的图像。也就是说，我从API收到一个数据，如果它“着陆”，图像要显示绿色，如果“取消”，图像要显示红色。如何可能

    <div class="col" style="padding-top: 10px"><img src="assets/statusicon/arrive_onTime.png"></div>

---

考虑这两个图像是'arrival\u onTime.png'和'cancelled.png' 将HTML部分中的代码更改为：

<div class="col" style="padding-top: 10px"><img [src]="img_url"></div>

---

您可以有两个HTML img元素，每个图像一个，并在每个元素上使用

ng show

或

ng hide

属性。e、 g.如果您的API中有一个带有布尔值的变量，让我们调用它

data.delayed

，那么延迟的图像将给出HTML属性

ng show=“data.delayed”

和实时属性

ng hide=“data.delayed”

等。这是假设图像不同。如果它们是相同的图像，但你想要在每个图像后面都有不同的背景颜色，那么考虑使用CSS类的颜色和NG类。这些方法确实有效，所以也许你想分享你的代码，这样我们就可以帮助指出问题了。e、 对不起，我的代码：{{item.departureAirportFsCode}{{{item.status{124; statusupdater}}}-在2小时4分钟后离开`你更改了HTML和ts吗？因为这必须有效，所以我在许多项目中使用了它。：）

this.img_url = "assets/statusicon/arrive_onTime.png" //on Landed condition
this.img_url = "assets/statusicon/cancelled.png" //on the cancelled condition