Как изменить размер живого комментария div в Angular 2 / Ionic 2 - PullRequest
Новая
       9

Как изменить размер живого комментария div в Angular 2 / Ionic 2

0 голосов
/ 26 апреля 2018

Я пытаюсь создать живой фид комментариев, который постоянно обновляется новыми комментариями.Я хочу ограничить размер области комментариев и хотел бы, чтобы комментарии исчезли из DOM после определенного максимума.число комментариев достигнуто.

Например, когда самые низкие комментарии являются самыми новыми, а первый комментарий в стеке больше не виден полностью: 

<div class="liveComments" scroll="true" text-wrap>

  <ion-row class="liveComment" *ngFor="let cm of comments;" >

      <ion-col col-2 col-md-2><img src="https://website.com/uploads/user/avatar/49420/shades.jpg" class="liveProfile"/></ion-col>

      <ion-col col-3 col-md-3 class="usernameLiveComment"> {{username}}</ion-col>

      <ion-col col-7 col-md-7>  <span>{{cm.comment}} </span> </ion-col>

  </ion-row>

  <ion-row align="center">

      <ion-col col-12 col-md-12><img src="assets/imgs/spinner.gif" width="15%" align="center" /></ion-col>

  </ion-row>

</div>

1 Ответ

0 голосов
/ 26 апреля 2018

Использование массива комментариев и записей push / slice / pop. Обвязка делает всю работу за вас.

Оффтоп: создайте необычную анимацию с :enter и :leave

В качестве альтернативы вы можете использовать список virtual-scroll, чтобы манипулирование домом осуществлялось с помощью ионной магии

...