初始化角反应形式的数据 - 不显示形式数据

问题描述

我试图初始化的垫对话的数据与来自在我的数据源的接口的形式，然而，数据不表示在表单字段起来。该数据被正确地穿过，因为它显示了在该对话框的HTML，只是没有形式的领域。我错过了什么吗？

编辑客户dialog.component.ts

glm()

编辑客户dialog.component.html

import { Component,OnInit,Inject } from '@angular/core';
import { FormBuilder,FormGroup,FormControl,Validators } from '@angular/forms';
import { MAT_DIALOG_DATA,MatDialogRef} from '@angular/material/dialog/';                                                                                                                                                                                                                                                                                                                                                                                                                                                  
import {MatTableDataSource} from '@angular/material/table';
import { CustomerListItem } from '../customer.datasource';

@Component({
selector: 'app-edit-customer-dialog',templateUrl: './edit-customer-dialog.component.html',styleUrls: ['./edit-customer-dialog.component.css']
})
export class EditCustomerDialogComponent implements OnInit {
form: FormGroup;
customer: CustomerListItem[];

constructor(
@Inject (MAT_DIALOG_DATA) public data: any,private dialogRef: MatDialogRef<EditCustomerDialogComponent>,private formBuilder: FormBuilder
) {}

ngOnInit() {
// Intitlaize the form
this.form = this.formBuilder.group({
  name: [this.data.name,[Validators]],address: [this.data.address,})
}

从数据源拉取数据

<h2 mat-dialog-title>
Edit Customer
</h2>
<p>{{data.name}}</p>
<form *ngIf="form" [formGroup]="form" (ngSubmit)="onSubmitForm()">
  <mat-dialog-content>
  <mat-form-field>
      <input matInput placeholder="Name" formControlname ="name" required/>
  </mat-form-field>
  <mat-form-field>
        <input matInput placeholder="Address" formControlname ="address" required/>
    </mat-form-field>
</mat-dialog-content>
<mat-dialog-actions>
  <button
    id="add"
    mat-button
    mat-raised-button
    color="primary"
    type="submit"
  >
    Update
  </button>
  <button id="cancel" mat-button mat-raised-button color="warn" mat-dialog-close>Cancel</button>
</mat-dialog-actions>

我不确定为什么数据没有显示在表单中。当我在表单上的console.log后它被初始化它显示为[对象，对象]。

请让我知道任何建议，谢谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）