递归模板中的x可编辑

Question

我正在使用角度递归模板来生成树结构。 我想使用x-editable进行单叶重命名。 但是整个树变为“编辑状态”。

检查小提琴： http : //jsfiddle.net/7bLhvjd5/

<ul>
    <li ng-repeat="data in tree" ng-include="'tree_category_renderer.html'" />
</ul>

<script type =“ text / ng-template” id =“ tree_category_renderer.html”>

< div>
    <span class="name" editable-text="data.name" e-form="textBtnForm">{{data.name}}</span>
    <button ng-hide="textBtnForm.$visible" ng-click="textBtnForm.$show()">edit</button>
</div>
  <ul>
     <li ng-repeat="data in data.children" ng-include="'tree_category_renderer.html'" />
  </ul>
</script>

任何想法如何解决这一问题？