如何添加编辑选项列表

Question

我刚开始使用angularjs。我正在尝试构建简单的单页应用程序。我有用户添加项目列表。我使用显示ng-repeat这样的名单..

<div ng-repeat="option in options"></div><div id="editor"><input type="text" /></div> 

我有一个编辑器div来在列表的底部添加选项。

<div id="item1">item1<a href="#" ng-click="edit_item(item1)">edit</a></div> 
<div id="item2">item2<a href="#" ng-click="edit_item(item2)">edit</a></div> 
... 
<div id="editor"><input type="text" /> ....<div> 

但是，当我编辑我想，我编辑的DIV之后移动editor div。我尝试使用jquery insertAfter方法。有用。

<div id="item1">item1<a href="#" ng-click="edit_item(item1)">edit</a></div> 
<div id="editor"><input type="text" /> ....<div> 
<div id="item2">item2<a href="#" ng-click="edit_item(item2)">edit</a></div> 
... 

但是，当我添加一个新的项目，它不会移动editor div它的工作如预期。有没有更好的方法来完成这个使用angularjs指令。我以为我可以创建一个类指令，并将编辑器移入模板并在点击时加载它。它会起作用吗？我感谢任何帮助。

Answer 1

您可以将div <div id="editor"><input type="text" /></div>放入中继器。

<div id="item1">item1<a href="#" ng-click="edit_item(item1)">edit</a></div> 
<div id="editor1" ng-show='...'><input type="text" /> ....<div> 
<div id="item2">item2<a href="#" ng-click="edit_item(item2)">edit</a></div> 
<div id="editor2" ng-show='...'><input type="text" /> ....<div> 

等