title: angularJS pass variable to ui.bootstrap template
body: <p>In my view i have such code:</p>
  
  <pre><code>&lt;script id="template/accordion/accordion.html" type="text/ng-template"&gt;
    &lt;div class="panel-group" data-ng-transclude&gt;&lt;/div&gt;
  &lt;/script&gt;
  &lt;script id="template/accordion/accordion-group.html" type="text/ng-template"&gt;
    &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading custom"&gt;             
        &lt;h4 class="panel-title custom"&gt;
          &lt;a href accordion-transclude="heading" data-ng-click="toggleOpen();"&gt;&lt;span&gt;{{heading}}&lt;/span&gt;&lt;/a&gt;
        &lt;/h4&gt;
      &lt;/div&gt;
      &lt;div class="panel-collapse" collapse="!isOpen"&gt;
        &lt;div class="panel-body" data-ng-transclude&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/script&gt;
  &lt;script type="text/ng-template" id="nodes_renderer.html"&gt;
    &lt;accordion close-others="false"&gt;
      &lt;accordion-group&gt;
        &lt;accordion-heading&gt;
          {{node.Title}}
        &lt;/accordion-heading&gt;                      
        &lt;div data-ng-bind-html="node.Text"&gt;&lt;/div&gt;                     
      &lt;ol ui-tree-nodes="" data-ng-model="node.Childs"&gt;
        &lt;li data-ng-repeat="node in node.Childs" ui-tree-node data-ng-include="'nodes_renderer.html'"&gt;
      &lt;/li&gt;
      &lt;/ol&gt;
      &lt;/accordion-group&gt;                   
    &lt;/accordion&gt;
  &lt;/script&gt;
  &lt;div ui-tree="options"&gt;
    &lt;ol ui-tree-nodes data-ng-model="articles"&gt;
      &lt;li data-ng-repeat="node in articles" ui-tree-node data-ng-include="'nodes_renderer.html'"&gt;&lt;/li&gt;
    &lt;/ol&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>is it real to get node.Options.length, when i try to render header here:</p>
  
  <pre><code>&lt;div class="panel-heading"&gt;             
        &lt;h4 class="panel-title"&gt;
          &lt;a href accordion-transclude="heading" data-ng-click="toggleOpen();" class="no-link"&gt;&lt;span&gt;{{heading}}&lt;/span&gt;&lt;/a&gt;
        &lt;/h4&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>and then if my node.Options are higher then 0 i do ng-class...</p>
  
  <p>how could i pass variable to non-my directive template?</p>
  
  <p>also i must pass there whole node object, so that i could edit it etc...</p>