如何动态地将字段绑定到Angular Controller？

Question

我的表单有以下方式的下拉列表。

主要类别：|Dropdown A|

第一个太阳类：|Dropdown B|

第二个子类别：|Dropdown C|

根据{{​​1}}进一步我将填写下拉列表 下拉列表 = |Dropdown C| |Dropdown e| |Dropdown f|等等。

因此，根据|Dropdown g| 下拉列表会发生变化 我可以像Dropdown C一样绑定Dropdown A| |Dropdown B| |Dropdown C|。

但是我如何绑定ng-model="main-category",ng-model="sub-category", & ng-model="sub-sub-category" respectively |Dropdown e| |Dropdown f|，因为只要|Dropdown g|发生变化，它们就会不断变化？

示例代码：
主要类别：

Dropdown C

子类别

<select>
  <option value="a">a</option>
  <option value="b">b</option>
  <option value="c">c</option>

</select>

子子类别

<select>
  <option value="d">d</option>
  <option value="e">e</option>
  <option value="f">f</option>
  <option value="g">g</option>
</select>

根据<select> <option value="h">h</option> <option value="i">i</option> <option value="j">j</option> <option value="k">k</option> </select> 选项，我想显示/隐藏下拉列表。

sub-sub category

因此，出于上述情况，将隐藏/显示几个下拉菜单 我说隐藏/显示，因为我不知道另一种方法来管理这种情况。
请帮忙。