带treeview的AngularJS下拉列表

我是angularjs的新手，我想使用带有treeview结构的dropdownlist。我分别使用了dropdownlist和treeview控件，但发现难以同时使用。任何人都知道如何将两者结合使用（dropdownlist+treeview）

您可以使用简单的选择控件。我希望您是通过某些属性对值进行分组。假设您有以下数据结构：

  $scope.data = [
      {
          id: 1,
          value: "Cat",
          type: "Animal"
      },
      {
          id: 2,
          value: "Dog",
          type: "Animal"
      },
      {
          id: 3,
          value: "Lion",
          type: "Animal"
      },
      {
          id: 4,
          value: "Parrot",
          type: "Bird"
      },
      {
          id: 5,
          value: "Sparrow",
          type: "Bird"
      },
  ];

您可以按“类型”字段对数据进行分组，并显示treeview下拉列表，如下所示：

  <select ng-options="obj.value group by obj.type for obj in data track by $index"></select>

---

有关更多详细信息，请参见

我需要这种控制：-Treeview和Grouped Select是完全不同的东西（Treeview通常具有展开/折叠和多个级别）。你链接到的图像只是一个分组选择。我将尝试此解决方案Yashika我还有一个dout。。。使用您的解决方案，它将显示像树结构，但它不允许我点击主家长，即（类型）。。。基本上，我的要求是，如果我选择主父级，那么它的所有子级也会被选择。e、 g.在这种情况下，如果我自动选择了Animal，则应选择Animal的所有子项我认为，为此，您必须手动为父类别添加一条记录，并编写代码以选择all（如果选择了parent）。例如，在$scope.data中，将第一条记录作为{id:0，值：“Animal”，键入：“Animal”}，并监视所选内容。如果选择的是“动物”，则选择全部-在selectedData数组中添加所有动物类型对象如何创建三级结构？？