Example of declarative usage of tree widget with AngularPrime

gistfile1.txt

  <div id="default" pui-tree="nodeSelect" >
    <div pui-treenode="Documents" id="documents">
      <div pui-treenode="Work" id="work">
        <div pui-treenode="Expenses.doc" id="expenses" ></div>
        <div pui-treenode="Resume.doc" id="resume"></div>
      </div>
      <div pui-treenode="Home" >
        <div pui-treenode="Invoices.txt" id="invoices"></div>
      </div>
    </div>
    <div pui-treenode="Pictures" id="pictures">
      <div pui-treenode="barcelona.jpg" id="barcelona" ></div>
        <div pui-treenode="logo.jpg" id="logo"></div>
        <div pui-treenode="primeui.jpg" id="primeui"></div>
        <div pui-treenode="Special" id="special">
          <div pui-treenode="test.doc" id="test" ></div>
        </div>
      </div>
  </div>
            
  and within AngularJs controller
    $scope.nodeSelect = function(event, ui) {
      alert('Node Selected - Data: ' + ui.data);
    }