Массовая операция Angular 6 для всех отмеченных строк в таблице

Question

В веб-приложении Angular 6 у меня есть таблица, в каждой строке которой есть флажок.Я хочу выполнить массовые операции над отмеченными строками, например, удалить.

Я думал о добавлении isOlelected bool в модель данных, затем выполнить foreach для всех отмеченных строк, затем я нашел thispost на Stackoverflow, который похож, но похоже, что он имеет дело с AngularJS, а не 6.

Может кто-нибудь предложить «лучший» способ сделать это в Angular 6?

IЯ еще не начал кодировать это, поскольку я не знал, будет ли подход в связанном посте нормальным для угловых или я бы потратил впустую свое время.

Answer 1

Самый простой способ добиться этого - сначала создать массив:

checkarray: any[] = [];

Когда вы проверяете что-либо в своей таблице, этот массив будет заполнен или очищен:

checkbox(item: any, event) {
        if (event.ctrlKey) {
            if (this.checkarray.find(x => x.ID == item.ID)) {
                this.checkarray.splice(this.checkarray.indexOf(item), 1);
            }
            else {
                this.checkarray.push(item);
            }
        }
        else {
            this.checkarray.splice(0);
            this.checkarray.push(item);
        }
    }

Когда вы хотите удалить элементы из БД, вы просто отправляете свой массив на сервер и выполняете свои действия.