Как группировать в списке ионов? - PullRequest
Новая
       14

Как группировать в списке ионов?

0 голосов
/ 04 февраля 2019

Как отобразить группу по данным в ion list? 

<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_CODE.Он должен показывать UT_TXN_CODE как руководитель группы.

1 Ответ

0 голосов
/ 04 февраля 2019

Попробуйте этот код 

<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>
...