проверка угловых 7 при привязке страницы редактирования

Question

Сюжет:

У меня есть страница, отображающая информацию о пользователе, имя, адрес электронной почты и т. Д. И тумблер, который переводит страницу в режим редактирования, но для упрощения я просто буду использовать фамилию.

<div *ngIf="isReadOnly">
  <dl>    
    <dt>Last Name:</dt>
    <dd>{{ user.lastName }}</dd> 
  </dl>
</div>
<div *ngIf="!isReadOnly">
  <form [formGroup]="aboutForm">
    <mat-form-field >
      <input matInput formControlName="lastName" placeholder="last name"  [(ngModel)]="user.lastName"/>
      <mat-error>Last Name is required</mat-error>
     </mat-form-field>
  </form>
</div>

поэтому в моем component.ts у меня есть formBuilder

this.aboutForm = this.formBuilder.group({
  lastName: ['', Validators.required ]
});

Антагонист: для угловых я действительно считаю, что они движутся от ngModel,

climax..aka вопрос: если true, как связать данные с полем редактирования lastName и как именно должен выглядеть тег, чтобы выдать ошибку «Требуется фамилия», имея в виду, что на странице также есть много других полей.

Ваши ответы будут благодарны ... спасибо

Answer 1

если вы ищете setValues, вы можете сделать: this.aboutForm.get('lastName').setValue('testName'); если вы ищете getValues, вы можете сделать: this.aboutForm.get('lastName').value;

Для установки ошибки: <mat-error *ngIf="lastName.invalid">Last Name Required</mat-error>

Answer 2

Вы можете использовать this.aboutForm.patchValue({}) и указать часть формы.Обычно я создаю формы в конструкторе (из-за строгого режима) и исправляю значение в onInit