Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <link rel="stylesheet" href="//rawgit.com/iVantage/angular-ivh-treeview/master/dist/ivh-treeview.css">
  <link rel="stylesheet" href="//rawgit.com/iVantage/angular-ivh-treeview/master/dist/ivh-treeview-theme-basic.css">
</head>
<body ng-app="bin">
  
  <div ng-controller="DemoCtrl as demo">
    <h3>Change Handlers</h3>
    
    <p>This treeview has a change handler registered. It will be called whenever a node is expanded or collapsed as a result of a click.</p>
    
    <p ng-if="demo.lastToggledNode">
      The last toggled node was <strong>{{demo.lastToggledNode.label}}</strong>.
    </p>
    
    <p ng-hide="demo.lastToggledNode">
      You haven't toggled any nodes yet.
    </p>
    
    <p style="padding: 10px; background-color: pink; border: 1px solid red">
      <strong>Note</strong>:
      Update path to treeview script when v1 is published.
    </p>
    
    <div ivh-treeview="demo.stuff"
         ivh-treeview-on-toggle="demo.toggleCallback(ivhNode)">
    </div>
  </div>
​
  <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.8/angular.js"></script>
  <script src="//rawgit.com/iVantage/angular-ivh-treeview/v1/dist/ivh-treeview.js"></script>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
jtrussellpro
0viewers