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以及标记应如何准确地抛出错误“ Last name required”，请记住，还有很多其他字段页面。

您的答案将是功劳...谢谢您

Answer 1

您可以使用this.aboutForm.patchValue({})并提供部分表格。通常我会在构造函数中创建表单（由于严格模式），然后在onInit

中对值进行修补

Answer 2

如果要设置setValues，可以执行以下操作：<dependency> <groupId>org.jboss.resteasy</groupId> <artifactId>resteasy-multipart-provider</artifactId> <version>${resteasy.version}</version> </dependency> 如果您要获取getValues，可以执行以下操作： this.aboutForm.get('lastName').setValue('testName');

对于设置错误： this.aboutForm.get('lastName').value;

编辑页面绑定上的angular 7验证

2 个答案: