Javascript 使用AngularJS选择框的复杂嵌套数组

我有一个问题需要解决，我是AngularJS的新手。我花了一整晚的时间浏览视频、官方文件，并尽可能多地在谷歌上搜索，但毫无结果

基本上，我的控制器中有一些嵌套数据，如：

function SomeController($scope) {
  $scope.someArray = [
    {
      type: 'Dog',
      name: 'Sarah',
      children: [
        {
          type: 'Dog',
          name: 'Henry',
          children: [
            {
              type: 'Dog',
              name: 'Bob',
              children: []
            }
            . . .
          ]
        }
        . . .
      ]
    }
    . . .
  ];
}

假设，这些可以嵌套无限深。事实上，它们很少深入到2-3级以上。尽管如此，我还是想编写代码来处理这种情况，不管这种情况多么罕见

对于上面的示例，这种方法应该是：三个选择框，每个选择框中的第一个选项是具有选择效果的内容。最初只应启用第一个选择框。在本例中，一旦选择了某个对象，我们唯一的选择就是Sarah，那么第二个选择框应该填充Sarah的孩子，并且应该启用。你可能会看到这是如何进行的

简单回顾一下：

根级别的选择框应预先填充并启用

只有在父选择框中进行选择后，才应填充并启用根级别下的选择框

这可能是无限深的

在这一点上，我或多或少地接受了失败，在花了几个小时来修补它之后，我简直无法用AngularJS思考如何做到这一点。我所能做的只是根级别。所有其他行为对我来说都是个谜。我是否需要使用jQuery或类似的工具来填充这些框？如何访问要填充的方法中的数组？AngularJS是否提供了一套很好的功能来缓解我在任何方面的痛苦

我真的很想知道一些正确方向的想法和/或观点

---

编辑：为了让这对我来说更复杂，无论如何，类型是重要的。换句话说，如果根级别上除了Sarah之外还有>=1个对象，且类型为“Cat”，那么所有Cat都需要放在一个单独的选择框中。

您正在寻找类似的对象吗。你需要对此作出指示。也许这可以给你们一些提示：这两个都非常有用，谢谢你们。