angularjs - trees - tree ui



AngularJS與treeview下拉列表 (1)

我是新的angularjs,我想使用treeview結構下拉列表。 我同時使用了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"
      },
  ];

您可以按“類型”字段對數據進行分組,並按如下所示顯示樹形視圖下拉菜單:

  <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





custom-controls