Question: How could I set the callback function while user clicked on some leaf nodes? about angular-ivh-treeview HOT 4 CLOSED

You can be alerted of the click event by changing the ivhTreeviewOptionsProvider to change the leaf twistie template. Here's an example.

Currently there's no documented way to get at which item was clicked (in my example I point out a workaround if you truly need it). We plan to give proper hooks in the future (registering callbacks, directive stubs, etc.) so I wouldn't expect that capability to go away but the specific supported mechanism for figuring out which item was clicked may change.

from angular-ivh-treeview.

Yes, I really need it, because I have to grab some data from a third party API asynchronously.
The solution in your example is terrific, but here's further question according to this one:

app.directive('leaf', function() {
  return {
    restrict: 'AE',
    link: function(scope, element, attrs) {
      element.on('click', function() {
        alert('OHAI');
        // It's not ducmented and may change but if you **really**
        // need it scope.node is available:

        // Sure, I won't ask for help without reasons :)     
        // For example, when API returned a new Array, 
        // How to add it to the tree dynamically?
        // I tried this one but nothing happened.
        scope.node.children = [{
          label: 'IComeFromApi',
          children: []
        }];

        // ```
        console.log(scope.node);
        // ```
      });
    }
  };
});

from angular-ivh-treeview.

Ah, unfortunately we aren't set up to handle dynamic changes to the tree. I'd encourage you to open a new issue for the feature though.

At present the best you could do is manually force a recompile on the tree or part of it. Here's a hacked together demo using ng-if. Obviously this is far less than desirable for a number of reasons. A true solution would probably involve setting up watchers in ivh-treeview-node and just recompiling that branch when something changes.

from angular-ivh-treeview.

My boss'll be happy next week, your temporary solution works fine but not perfect as you said, thanks so much for everything 👍

from angular-ivh-treeview.