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.