在递归模板中可编辑

Question

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

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

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

＆LT; script type =“text / ng-template”id =“tree_category_renderer.html”＆gt;

< 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>

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