如何在 angular html 模板中动态更改离子元素的属性？

Question

如果可观察到的变化，我想更改 ionic-chip 的轮廓属性：

<span *ngIf="(avgRating | async) as obs">
      <ion-chip  outline= "obs.total  > 0 ? 'none' : 'outline'"> 
        // change outline property if observable changes
      </ion-chip>
</span>

是否可以在模板文件中执行此操作？

Answer 1

离子芯片的轮廓属性是 boolean 值。 因此，您不能为其设置“无”或“大纲”，因为它们是字符串。 因此，检查 obs.total > 0 的 output 并将其返回到大纲属性就足够了。

参考： https://ionicframework.com/docs/api/chip