在Angular 4+中,可以使用FormControl
来访问表单控件的值。下面是一个示例解决方法:
在组件类中,首先导入相关的模块和类:
import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';
然后,创建一个FormControl
对象,并将其赋值给一个变量:
@Component({
selector: 'app-example',
template: `
`
})
export class ExampleComponent {
myControl: FormControl = new FormControl('');
getValue() {
console.log(this.myControl.value);
}
}
在模板中,使用[formControl]
指令将myControl
绑定到文本输入框上,并在按钮的点击事件处理程序中调用getValue()
方法来获取表单控件的值。
这样,你就可以通过myControl.value
访问表单控件的值。
请注意,以上示例假设你已经在模块中导入了FormsModule
或ReactiveFormsModule
。如果没有导入这些模块,你需要在模块中添加它们的引用:
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
@NgModule({
imports: [
FormsModule,
ReactiveFormsModule
],
...
})
export class AppModule { }
这样就可以在Angular 4+中访问表单控件的值了。