如何在组件逻辑HTML语法中使用* ngIf？

Question

我将下面的HTML代码分配给一个变量，然后将其动态注入到另一个模板中。 *ngIf返回false，我在源代码中看到*ngIf="false"。如何使这种情况起作用？

html: ` <img src='./assets/images/icons-pests/bug.png' class="bug-icon" *ngIf="${that.getPest(field.FieldID) > 0}"/> `

注意：修改不需要格式化代码，因为它会改变我的意图。

Answer 1

从您的第二条评论来看，您似乎希望显示上述条件下的一张img，如果不满足，则显示另一张？在这种情况下：

<img src="......" *ngIf="that.getPest(field.FieldID) > 0 ?; else myOtherImage" />

<img #myOtherImage src="......" />

Answer 2

只需整理一下：

html: `
      <img src='./assets/images/crops-png/${field.IconName.toLowerCase()}.png' class="crop-icon"/>
      ${that.getPest(field.FieldID) > 0 ? 
      '<img src=\'./assets/images/icons-pests/bug.png\' class="bug-icon">' : ''}
      `