Angular 5中FormArray.controls的含义与作用解析

作为刚接触Angular 5的新手，能关注到这个细节真的很赞！我来给你把这个点拆解得明明白白：

首先得先搞清楚secretLairs是什么——它是Angular响应式表单里的一个FormArray实例，专门用来管理一组同类型的表单控件（在你的示例里，就是多个地址表单组）。

而secretLairs.controls呢，是FormArray对象自带的核心属性：

• 它返回的是一个数组，数组里的每一项都是这个FormArray包含的单个表单控件/表单组（在你的代码里，每一项就是对应一个地址的FormGroup）。
• 你示例里的*ngFor="let address of secretLairs.controls; let i=index"，本质就是在循环这个数组：把数组里的每个表单组赋值给address，同时拿到索引i，再通过[formGroupName]="i"绑定，让Angular能精准识别当前循环的是FormArray里的第i个表单组，从而把模板里的表单控件和对应的表单模型关联起来。

举个接地气的类比：把secretLairs看作一个装着多个“地址表单小盒子”的大盒子，controls就是打开大盒子后，能直接看到的所有小盒子的列表——你可以逐个把这些小盒子拿出来，在页面上渲染出对应的表单区域。

内容的提问来源于stack exchange，提问作者sanmatrix