该错误是由于在表单中找不到指定名称的表单控件而导致的,解决方法通常是通过给表单控件添加表单值访问器来实现。以下是一个示例代码:
在组件中:
import { Component } from '@angular/core'; import { FormControl } from '@angular/forms';
@Component({
selector: 'app-my-component',
template:
})
export class MyComponent {
myFormControl = new FormControl();
}
在模块中:
import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AppComponent } from './app.component'; import { MyComponent } from './my.component';
@NgModule({ declarations: [ AppComponent, MyComponent ], imports: [ BrowserModule, FormsModule, ReactiveFormsModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }
在上面的示例中,我们在表单控件中添加了表单控件名称'myInput”的访问器([formControl]),然后在组件中创建了一个FormControl对象并将其绑定到myFormControl属性上。最后,我们使用myFormControl属性在模板中设置表单控件的值。