Angular значение патча с числами для множественного выбора в реактивных формах

Question

Привет, мне интересно, почему значение патча не работает при использовании чисел. У меня есть выбор, который заполняется числом для значения, и я получаю массив чисел из бэкэнда, который я использую для установки значения. Но это не работает. Но когда значения массива преобразуются в строку, это работает.

<mat-select formControlName="location" placeholder="Event Type" >
   <mat-option  *ngFor='let loc of locations'  value="{{loc.id}}">{{loc.name}}</mat-option>
</mat-select>

это используется для установки значения

  setParticipants(value) {
    this.AddEventForm.patchValue({
      participants: value
    });
  }

значение, которое передается участникам набора, равно [84,118] как-то так

РЕДАКТИРОВАТЬ - создал стек стека https://stackblitz.com/edit/angular-dvb4y5

Answer 1

Способ связывания свойства value имеет значение.

Если вы выполните привязку, как показано ниже, она преобразует тип данных в string.

 <option *ngFor='let val of list' value='{{val.id}}'>{{val.name}}</option>

Если вы связать, как показано ниже, это будет привязать фактический тип данных.

 <option *ngFor='let val of list' [value]='val.id'>{{val.name}}</option>