Best AngularJs TreeView Directives Plugins

Angular2 Select component with Tree Items

Angular2 Select component with Tree Items

A multifunctional Angular 2 multi select component with hierarchical tree support.

Angular 2 Checkable Dropdown Treeview Component

Angular 2 Checkable Dropdown Treeview Component

An Angular 2 checkable dropdown treeview component with multiple selection.

Features:

  • Unlimited tree levels
  • Item can be checked / disabled by checkbox.
  • Collapse / Expand
  • Text filtering
  • Customizable texts

Angular Multi-select Search Tree List

Angular Multi-select Search Tree List

An amazing tree list that is very easy to use with an integrated search input to filter the content of the tree. All built with angular and templating.

JSON-tree : Editable AngularJS directive

JSON-tree : Editable AngularJS directive

An AngularJS directive used for displaying and editing JSON data in a tree view. It works independently of jQuery (only internal angular’s jqLite).

Simple Angular2 Tree Component

Simple Angular2 Tree Component

A simple yet powerful tree component for Angular2.

Features:

  • Keyboard navigation
  • Async children load
  • Expand / collapse / select nodes
  • Events: select, deselect, collapse, expand, focus, etc.
  • Custom node template (string or component)
  • Custom loading component (for async data)
  • Custom children / name attributes
  • API to control the tree from outside
  • Very basic customizable CSS

Angular Tree Widget

Angular Tree Widget

Light AngularJS tree widget control, without jQuery dependency. The tree widget control is an angular UI component, independent from jQuery, which binds data and reacts to model changes.

Features:

  • Reacts at model changes.
  • Isolated scope.
  • Easy customizable using css.
  • Custom icons[or no icons at all].
  • Multiple selection.
  • Disabled nodes.

Angular Bootstrap Nav Tree

Angular Bootstrap Nav Tree

An AngularJS directive that creates a Tree based on a Bootstrap “nav” list. The style is completely Bootstrap because the tree is actually just a Bootstrap “nav” list, with a few changes: Indentation is added, expand/collapse icons are added, and Angular CSS animations are used during expand/collapse.

AngularJS Drag & Drop Tree Table

AngularJS Drag & Drop Tree Table

Display tree table (or list) & event DrapnDrop (allow drag multi tree-table include all type: table, ol, ul) by AngularJS, using CSS animation and Bootstrap style.

Angular UI Tree Component For AngularJS

Angular UI Tree Component For AngularJS

Angular UI Tree is an AngularJS UI component that can sort nested lists, provides drag & drop support and doesn’t depend on jQuery.

Features:

  • Uses the native AngularJS scope for data binding
  • Sorted and move items through the entire tree
  • Prevent elements from accepting child nodes