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 changes status as a result
    of a direct click.</p>
    
    <p ng-if="demo.lastChangedNode">
      The last changed node was <strong>{{demo.lastChangedNode.label}}</strong>.
    </p>
    
    <p ng-hide="demo.lastChangedNode">
      You haven't changed any nodes yet.
    </p>
    
    <div ivh-treeview="demo.stuff"
         ivh-treeview-expand-to-depth="1"
         ivh-treeview-change-handler="demo.changeCallback">
    </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/master/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