在Angular 6中,如果要在ng-container中访问表单数组,可以使用以下解决方法:
下面是一个示例代码:
组件类:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormArray } from '@angular/forms';
@Component({
selector: 'app-my-component',
template: `
`
})
export class MyComponent implements OnInit {
myForm: FormGroup;
constructor(private fb: FormBuilder) { }
ngOnInit() {
this.myForm = this.fb.group({
myArray: this.fb.array([])
});
const myArray = this.myForm.get('myArray') as FormArray;
myArray.push(this.fb.control('Item 1'));
myArray.push(this.fb.control('Item 2'));
}
}
在这个示例中,我们首先在组件类中创建了一个表单数组myArray
,并在ngOnInit
方法中初始化了两个元素。然后,在模板中,我们使用ng-container
来包裹表单数组的元素,并使用ngFor
指令来遍历表单数组并显示每个元素的输入框。
这样,你就可以在ng-container中访问表单数组了。