How to show thousands of nodes in angular-ui-tree?

How do you load 60 000 nodes into angular-ui-tree?

Even at 1000 nodes the page takes 30 seconds to draw while the page hangs, even if I set all nodes to collapsed=true in the HTML so they don't render immediately.

I'm guessing the only way to do this would be to have two separate data sources:

  • one with maybe 20 root nodes that I load in the treeview to start and
  • the other full 60k nodes.

Then when a user clicks on a node in the tree I manually copy the children of that node from the full set into the treeview set (like an in memory 'AJAX' call).

Anyone have any better ideas?

You can do it with IntegralUI TreeView for AngularJS, here is a sample: Fast Load.

There is no limit on node count. You can work with 100,000+ nodes and update time is instant.