igTree

TRY IT OUT:
  • Add and remove nodes from the tree using the buttons
  • Edit product names and see how the tree responds

This sample demonstrates how to create an igTree with an AngularJS directive.

Explore the Code

Add a new root-level node
Add a new root-level node (by name)
{{newProductCategory.ProductCategoryID = ProductCategories.length + 1}}
Remove the selected node from the tree
{{pc.ProductCategoryID}}
{{newProductSubcategory.ProductSubcategoryID = pc.ProductSubcategories.length + 1}}