这是Angular表单中的一个错误,可能是由于表单控件的名称或路径错误导致的。解决方法是确保表单控件的名称和路径正确,并为其指定值访问器。示例代码如下:
在组件的HTML文件中:
在组件的TS文件中:
import { Component, OnInit } from '@angular/core'; import { FormGroup, FormBuilder } from '@angular/forms';
@Component({ selector: 'app-my-component', templateUrl: './my-component.component.html', styleUrls: ['./my-component.component.css'] }) export class MyComponent implements OnInit {
public myForm: FormGroup;
constructor( private fb: FormBuilder ) { this.myForm = this.fb.group({ options: this.fb.group({ tradeDate: [] }) }); }
ngOnInit() { }
}
在上面的代码中,我们创建了一个FormControl名为“options.tradeDate”,并将其添加到FormGroup。这将确保表单控件具有正确的名称和路径,从而避免“No value accessor for form control with path : 'options -> tradeDate'”错误。