Best AngularJs TreeView Directives Plugins

Angular Hierarchical UI module : Tree Diagram

Angular Hierarchical UI module : Tree Diagram

A draggable, zoomable, pannable hierarchical tree diagram component for Angular 2+.

Features:

  • Drag and drop
  • Zoom and pan
  • Configurable node width/height
  • Add/remove nodes
  • Tree-like UI
  • Pure CSS relation lines
  • No dependencies

Angular Tree Diagram Component

Angular Tree Diagram Component

Angular 2+ Hierarchical UI module to render a customizable tree diagram on the web app.

Features:

  • Drag and drop
  • Zoom and pan
  • Configurable node width/height
  • Add/remove nodes
  • Tree-like UI
  • Pure CSS relation lines
  • No dependencies

Angular Tree Visualizer Plugin

Angular Tree Visualizer Plugin

A Tree Visualizer for Angular 2 and above.

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.