MatFormFieldControl工具不起作用

时间:2018-02-27 12:02:39

标签: angular5

在dev brach上,我实现了MatFormFieldControl,然后在mat-form-field中使用它。我也打包它(tgz)用作lib。 在主站点上有错误说" mat-form-field必须包含MatFormFieldControl。"即使它在dev上完美运作。

PS。我不是英国人。如果我让你困惑,请原谅我

我如何使用它

Window / Perspective / Open Perspective / Other / Memory Analysis

这是模板

<mat-form-field>
  <ax-mat-time-picker></ax-mat-time-picker>
</mat-form-field>

这是打字稿

  <div [formGroup]="parts">
    <input matInput type="number" >
    <input matInput type="number" >
    <input matInput type="number">
    <input matInput  type="text">
  </div>

1 个答案:

答案 0 :(得分:1)

我相信您的问题是表单中的每个字段都不绑定到TS中的数据。

您应该更改模板以实际使用表单,并使用表单值可以绑定的值创建formGroup。您可以使用HTML中的“formControlName”指令和TS中包含“FormControl”元素的“FormGroup”对象执行此操作。

不要忘记在你的module.ts中导入“ReactiveFormsModule”,在component.ts中导入“AbstractControl,FormBuilder,FormControl,FormGroup,FormArray”。

实施例: HTML

<form [formGroup]="form">
    <mat-form-field>
        <input matInput formControlName="name" placeholder="Name">
    </mat-form-field>
    <mat-form-field>
        <input matInput formControlName="email" placeholder="Email">
    </mat-form-field>
</form>

TS

form = new FormGroup({
    name: new FormControl(),
    email: new FormControl()
});