title: Why binding in template not working?
body: <p>I have a question regarding angular-tree-control usage, why {{node.label}} in below code is not binding successfully...
  For example, i have a custom node template like below:</p>
  
  <pre><code>&lt;ul {{options.ulClass}}&gt;
       &lt;li ng-repeat="node in node.{{options.nodeChildren}} | filter:filterExpression:filterComparator {{options.orderBy}}"
           ng-class="headClass(node)"
           {{options.liClass}}
           set-node-to-data&gt;
            {{node.label}}
           &lt;i class="tree-branch-head" ng-class="iBranchClass()" ng-click="selectNodeHead(node)"&gt;&lt;/i&gt;
           &lt;i class="tree-leaf-head {{options.iLeafClass}}"&gt;&lt;/i&gt;
           &lt;i&gt;
               &lt;b&gt;
                   &lt;div class="tree-label {{options.labelClass}}" ng-class="[selectedClass(), unselectableClass()]"
                        ng-click="selectNodeLabel(node)" tree-transclude&gt;&lt;/div&gt;
               &lt;/b&gt;
           &lt;/i&gt;
           &lt;treeitem ng-show="nodeExpanded()"&gt;&lt;/treeitem&gt;
       &lt;/li&gt;
   &lt;/ul&gt;
  </code></pre>
  
  <p>Here the {{node.label}} binding is not working, how can i make it binding.</p>
  
  <p>I have created a simple plnkr to make it clear:</p>
  
  <p><a href="https://plnkr.co/edit/WdnJhmuZtibU0AyiDU3s?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/WdnJhmuZtibU0AyiDU3s?p=preview</a></p>
  
  <p><strong>Question:</strong> </p>
  
  <p>In plnkr 'scripts.js' line 8, why {{node.label}} is not binding well.</p>
  
  <p>I have used angular-tree-control a lot in our project, in some scenarios we want have some dynamic percentage value in front of the node icon. That's why i need the binding here.</p>