Получить выбранные значения из выпадающего списка

Question

Я реализовал раскрывающийся список в проекте, над которым я работаю, используя AngularJS.

Фрагмент HTML выглядит следующим образом:

<input-multiselect [list]="transactionState" placeholder="Choose Your Transaction State">
<ng-container class="c-legend">Transaction status</ng-container>
</input-multiselect> 

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

Код JS приведен ниже:

export class SearchPageComponent implements OnInit {
    transactionState: Array<any>;
    setTransactionDropdown() {
        switch (this.userGroup) {
            case 5:
               this.transactionState = [
                  { value: 'READY_INV', label: 'Ready for Invites' },
                  { value: 'NOT_READY_INV', label: 'Not Ready for Invites' },
               ];
               break;
          }
     }

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

Может кто-нибудь помочь мне с этим, пожалуйста?Есть ли лучший метод, который я мог бы использовать?

Заранее спасибо!

Answer 1

Решение, которое я нашел, состояло в том, чтобы добавить вызов функции в конец каждого случая, иметь флаг, чтобы сообщить мне, что было проверено.Флажок value: true Ниже приведен фрагмент кода:

case 1:
        this.transactionState = [
          { value: true , code: 'INV_SENT', label: 'Invites Sent' },
        this.getTransactionStateInfo();

Функция сама проходит по объекту с именем this.transactionState, получает значения, помеченные true, и переносит их в другой массив.что я могу использовать для других вещей.

getTransactionStateInfo() {
    const transactionStateObj: any = [];
    this.transactionState.forEach((i) => {
      if (i.value === true) {
        console.log(i.code);
        transactionStateObj.push(i.code);
      }
    });
 }