Tree rendering samples

For most MVVM frameworks, it is difficult to implement an infinite nested tree rendering/binding.

For AngularJS, it becomes simple by making use of a third-party plug-in called angular-ui-tree. As comparison, For Asta4js, it can be simply implemented by the default binding mechanism without any extra plug-in.

There is a pair of pages to compare what is different between AngluarJS and Asta4js for tree rendering

• Tree rendering by Asta4js
• Tree rendering by Angular-UI-Tree

What is different?

---

Asta4js

• Pros
  • Very clean pure HTML template with high maintainability
  • With built-in nest rendering/binding support
• Cons
  • The javascript side's source is a little bit complicated than Angular's way.
  • Without common tasks(expand/collapse, drag/drop) support, but obviously, all of those can be done simply.

Angular-UI-Tree

• Pros
  • The logic in javascript is clean and simple
  • With plenty built-in common tasks support, such as expand/collapse, drag/drop, etc.
• Cons
  • The HTML template is chaos, even with HTML code in script tag.