angularjs - treeview bootstrap angular

Lista desplegable de AngularJS con vista de árbol

Question

Soy nuevo en angularjs, quiero usar dropdownlist con estructura treeview. utilicé tanto la lista desplegable como el control treeview por separado, pero encuentro dificultades para usarlos juntos. ¿Alguien puede tener idea sobre cómo usar ambos juntos (lista desplegable + vista de árbol)

Answer 1

Puede usar el control de selección simple. Espero que estés agrupando valores por alguna propiedad. Digamos que tienes la siguiente estructura de datos:

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

Puede agrupar sus datos por el campo "tipo" y mostrar un menú desplegable con vista de árbol de la siguiente manera:

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

Para obtener más información, puede consultar https://docs.angularjs.org/api/ng/directive/ngOptions