带有treeview的AngularJS下拉列表

2023年4月11日 231次阅读

我是
angularjs的新手,我想使用带有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"
      },
  ];

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

  <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

点赞