如何更改输入文本并在之后存储它？ [复制]

Question

我有一个输入字段，用户应该可以在其中更改他的姓名。那么可以操作该字段，并在终止时将新字符串存储为新用户名？我尝试使用form 实现这一目标，但我收到此错误：Error: Template parse errors: Can't bind to 'formGroup' since it isn't a known property of 'form'。

这是我的代码

page.html

<form [formGroup]="form" (ngSubmit)="changeName()">
    <ion-list no-border>

        <ion-list-header>
          My Account
        </ion-list-header>

        <ion-item >
          ???? 
       <ion-input>{{username}}</ion-input>
        </ion-item>
  ...

      </ion-list>
    </form>

page.ts

import { FormGroup, FormControl, Validators} from '@angular/forms';
...
form: FormGroup;

public usernameInput = '';
...

constructor() {}

...

changeName() {
  this.usernameInput = '';
}

 ngOnInit() {
    this.form = new FormGroup({
     username: new FormControl(null, {
       updateOn: 'submit',
       validators: [Validators.required, Validators.maxLength(20), Validators.minLength(1)]
     })
 });
}

Answer 1

将ReactiveFormsModule 导入您的功能模块。