要解决Angular 12 FormsModule双向绑定保留信息的问题,我们可以使用[(ngModel)]指令来实现。[(ngModel)]指令可以实现双向数据绑定,相比于单向绑定,[(ngModel)]指令可以将数据的变化实时更新到视图中,在视图变化后也可以更新数据。
以下是一个示例代码,使用[(ngModel)]指令实现双向绑定:
在这个示例中,当输入框中的内容发生变化时,变量'userName'中的值也会发生变化。并且,当变量'userName'的值发生变化时,输入框中的内容也会同步更新。通过这种方式,我们可以确保双向绑定保留信息。
需要注意的是,在使用[(ngModel)]指令时,需要在模块中引入FormsModule:
import { FormsModule } from '@angular/forms';
@NgModule({
imports: [
FormsModule
]
})
export class AppModule { }