Угловое отображение данных в избранном

Question

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

Это мой код:

<div fxFlex="50" class="pr-1">
        <mat-form-field class="full-width">
          <mat-select placeholder="Validator *" name="validator" [formControl]="indicateurForm.controls['validator']" class="mb-1">
            <mat-option *ngFor="let v of listValidators" [value]="v" ngDefaultControl>
              {{v?.firstName}} {{v?.lastName}}
            </mat-option>
          </mat-select>
        </mat-form-field>
      </div>

, если я использую 'input', я получаю результат валидатора, но при 'select' у меня ничего не отображается.Заранее спасибо:)

Answer 1

Как я понимаю, вы не можете разобрать [value]="v" в значение selectBox,

      <div fxFlex="50" class="pr-1">
        <mat-form-field class="full-width">
          <mat-select placeholder="Validator *" name="validator" [formControl]="indicateurForm.controls['validator']" class="mb-1">
            //Try to parse value like id here, example [value]="v.id" 
            <mat-option *ngFor="let v of listValidators" [value]="v" ngDefaultControl> 
              {{v?.firstName}} {{v?.lastName}}
            </mat-option>
          </mat-select>
        </mat-form-field>
      </div>

Обновление: Я нашел это, Это именно то, что вам нужно. https://stackoverflow.com/a/35945293/5955138

Это говорит о том, что вам нужно использовать свойство [ngValue], как показано ниже,

<h1>My Application</h1>
<select [(ngModel)]="selectedValue">
  <option *ngFor="let c of countries" [ngValue]="c">{{c.name}}</option>
</select>