Ionic 3如何动态地向项添加属性

时间:2018-05-01 14:39:30

标签: html angular attributes ionic3

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

<Hit(beacon/INDEX/_Mwt9mABoXXeYV0uwSC-): {'client_number': '3570', 'cl...}>

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

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

但是我希望将HTML降至最低。有没有办法动态添加这些?

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:-2)

TS:

this.start = true;

HTML:

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