У меня есть 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