view.html

<div class="page" ng-controller="TreeDemoCtrl">
  <div class="row">
    <div class="col-md-6">
      <section class="panel panel-default">
        <div class="panel-heading"><strong><span class="glyphicon glyphicon-th"></span> Taxonomia</strong></div>
        <div class="panel-body">
          <div id="app-taxonomy" class="app-taxonomy" ui-tree="options" data-drag-enabled="false">
            <ol ui-tree-nodes ng-model="list" >
              <li ng-repeat="item in list" ui-tree-node data-collapsed="true" ng-include="'items_renderer.html'"></li>
            </ol>
          </div>
        </div>
      </section>
    </div>
    <div class="col-md-6">
      <section class="panel panel-default">
        <div class="panel-heading"><strong><span class="glyphicon glyphicon-th"></span> Facets</strong></div>
        <div class="panel-body">
          <pre class="text-muted">{{list}}</pre>
        </div>
      </section>
    </div>
  </div>

  <!--
  <script type="text/ng-template" id="items_renderer.html">
      <div class="angular-ui-tree-handle">
          <span>{{item.items}}</span>
      </div>
  </script>
  -->

  <script type="text/ng-template" id="items_renderer.html">
    <div class="angular-ui-tree-handle" ng-show="!item.editing">
      <span data-ng-show="item.hasItems">
        <!-- <a class="angular-ui-tree-icon" data-nodrag ng-click="toggle(this)"> -->
        <a class="angular-ui-tree-icon" data-nodrag ng-click="lazyLoad(item)">
          <span class="angular-ui-tree-icon-collapse" ng-class="{'collapsed': collapsed, 'uncollapsed': !collapsed}"></span>
        </a>
      </span>
      {{item.title}}
      <label class="pull-right switch switch-success"><input type="checkbox" ng-model="item.checked"><i></i></label>
      <a class="pull-right edit-item-icon angular-ui-tree-icon angular-ui-tree-icon-action" data-nodrag ng-click="editItem(item)"><i class="glyphicon glyphicon-pencil"></i></a>
      <!--
      <a class="pull-right angular-ui-tree-icon angular-ui-tree-icon-action" data-nodrag ng-click="remove(this)"><span class="fa fa-times"></span></a>
      <a class="pull-right angular-ui-tree-icon angular-ui-tree-icon-action" data-nodrag ng-click="newSubItem(this)"><span class="fa fa-plus"></span></a>
      -->
    </div>
    <div class="angular-ui-tree-handle" ng-show="item.editing">
      <form class="form-inline" role="form">
        <div class="form-group">
          <label class="sr-only" for="groupName">Group name</label>
          <input type="text" class="form-control" placeholder="Group name" ng-model="item.title">
        </div>
        <button type="submit" class="btn btn-default" ng-click="saveItem(item)">Save</button>
        <!--
        <button type="submit" class="btn btn-default" ng-click="cancelEditingItem(item)">Cancel</button>
        -->
      </form>
    </div>
    <ol ui-tree-nodes="options" ng-model="item.items" ng-class="{hidden: collapsed}">
      <li ng-repeat="item in item.items" ui-tree-node data-collapsed="true" ng-include="'items_renderer.html'">
      </li>
    </ol>
  </script>

</div>