Как заставить список данных перемещаться из одного массива в другой с помощью angular8

У меня есть 2 набора массивов, один в Group а другой список Not in group . У меня есть 2 кнопки, move to right and move to left , поэтому при нажатии на них выбранные данные должны перемещаться вправо или влево в зависимости от выбранной нами кнопки. Здесь также должен быть реализован множественный выбор данных в списке. Я использовал jQuery, но он не работал с массивом связанных данных, и выбранный список также не стал active в классе, в html, и здесь выбор нескольких списков не происходит, по одному работает за раз

Без использования jquery, как это может быть реализовано.

ДЕМО: ДЕМО

HTML: 

 <li class="list-group-item" *ngFor="let item of agentInView; let i=index" (click)="select(i)" [ngClass]="{'active': selectedIndex == i, 'list-group-item': true}">{{item.value}}</li>

Ts: 

   selectInView(index: number) {
      this.selectedinViewIndex = index;
  }

Всего 1 ответ

Существует демо с несколькими вариантами выбора и перемещением из одного списка в другой.

  • Выбор становится понятным после переезда,
  • Сортировать всегда по идентификатору

https://stackblitz.com/edit/angular-lh5vzl?file=src%2Fapp%2Fapp.component.ts

Есть идеи?

10000