Angular嵌套响应式表单与组件复用问题问询

TL;DR：当你尝试把嵌套组件和Angular嵌套响应式表单结合使用时，很容易踩坑——核心要求是每个嵌套组件都必须通过组合[formGroupName]、[formArrayName]和[formControlName]这几个指令，完整构建出对应的表单层级，否则就会出现异常。

问题背景与场景 #

在Angular开发中，我们经常会遇到需要建模键值对的场景：既可能是单个独立的键值对，也可能是一组键值对列表。原本我以为直接结合Angular响应式表单和嵌套@Component就能轻松搞定这个需求，但实际动手创建组件的时候，却发现遇到了不少意料之外的问题。

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