Html 如何在离子列表中分组?
如何在离子列表中显示分组数据Html 如何在离子列表中分组?,html,ionic-framework,ionic3,angular2-template,Html,Ionic Framework,Ionic3,Angular2 Template,如何在离子列表中显示分组数据 <ion-list *ngFor="let obj of data; let i=index"> <ion-item-sliding> <ion-item> <div>UT_TXN_CODE: {{obj.UT_TXN_CODE}}</div> <br>Date {{obj.UT_LOG_DATE}} <br>Subje
<ion-list *ngFor="let obj of data; let i=index">
<ion-item-sliding>
<ion-item>
<div>UT_TXN_CODE: {{obj.UT_TXN_CODE}}</div>
<br>Date {{obj.UT_LOG_DATE}}
<br>Subject : {{obj.UT_SUBJECT}}
<br>UT_LINK: {{obj.UT_LINK}}
</ion-item>
<ion-item-options side="right">
<button ion-button color="secondary">
<ion-icon name="checkmark"></ion-icon>
Approve
</button>
<button ion-button color="blue">
<ion-icon name="checkmark"></ion-icon>
Send For<br> Approval
</button>
</ion-item-options>
</ion-item-sliding>
</ion-list>
UT_TXN_代码:{{obj.UT_TXN_代码}
日期{{obj.UT_LOG_Date}
主题:{{obj.UT_Subject}
UT_链接:{{obj.UT_链接}
批准
发送请求批准
我想按此
UT\u TXN\u code
进行分组。它必须以小组组长的身份显示代码。尝试此代码。
<ion-list *ngFor="let obj of data; let i=index">
<ion-list-header>
{{obj.UT_TXN_CODE}}
</ion-list-header>
<ion-item-sliding>
<ion-item>
<div>UT_TXN_CODE: {{obj.UT_TXN_CODE}}</div>
<br>Date {{obj.UT_LOG_DATE}}
<br>Subject : {{obj.UT_SUBJECT}}
<br>UT_LINK: {{obj.UT_LINK}}
</ion-item>
<ion-item-options side="right">
<button ion-button color="secondary">
<ion-icon name="checkmark"></ion-icon>
Approve
</button>
<button ion-button color="blue">
<ion-icon name="checkmark"></ion-icon>
Send For<br> Approval
</button>
</ion-item-options>
</ion-item-sliding>
</ion-list>
{{obj.UT_TXN_CODE}
UT_TXN_代码:{{obj.UT_TXN_代码}
日期{{obj.UT_LOG_Date}
主题:{{obj.UT_Subject}
UT_链接:{{obj.UT_链接}
批准
发送请求批准