如何更改输入文本并随后存储？

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导入功能模块。