AngularJS 带树视图的下拉列表

Question

我是 angularjs 的新手，我想使用具有树视图结构的下拉列表。我分别使用了 dropdownlist 和 treeview 控件，但发现很难一起使用。谁能知道如何一起使用两者（下拉列表+树视图）

Answer 1

您可以使用简单的select控件。我希望您按 属性 对值进行分组。假设您具有以下数据结构：

  $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"
      },
  ];

您可以按 "type" 字段对数据进行分组，并显示树状视图下拉列表，如下所示：

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

详情请看https://docs.angularjs.org/api/ng/directive/ngOptions