Ionic 3 如何为项目动态添加属性

Question

在 Ionic 3 中，您可以将以下内容添加到项目以将其显示在行的开头或结尾：

<ion-item item-start>Start</ion-item>
<ion-item item-end>End</ion-item>

但是我想动态添加这个属性。我可以这样做：

<ion-item item-start *ngIf="isStart">Start</ion-item>
<ion-item item-end *ngIf="!isStart">End</ion-item>

但是，我希望将我的 HTML 保持在最低限度。有没有办法动态添加这些？

Answer 1

this.start = true;

<ion-item [attr.item-start]="(start)?'':undefined" [attr.item-end]="(!start)?'':undefined">Start</ion-item>

Answer 2

TS：

this.start = true;

HTML：

<ion-item [item-start]="start" [item-end]="start">Element</ion-item>