Javascript 定位和编辑新创建的行？

我在做桌子

我已使用以下命令使我的行可编辑：

ng click=“todo.editing=！todo.editing”

index.html

<tr ng-repeat="todo in todos>
    <td>
        <div ng-hide="todo.editing">{{ todo.id }} </div>
        <div ng-show="todo.editing"><input type="id" ng-model="todo.id" /></div>
    </td>
    <td>                
       <div ng-hide="todo.editing">{{ todo.text }}</div>
       <div ng-show="todo.editing"><input type="text" ng-model="todo.text" /></div>
   </td>
</tr>

<button class="btn btn-warning btn-sm ng-scope" ng-click="todo.editing = !todo.editing"><span class="glyphicon glyphicon-pencil"></span></button>

<button type="button" class="btn btn-default btn-block " ng-click="addRow($storage.todos)">New record</button>

现在我想扩展addRow（）函数，这样我可以添加一个新行，同时将自己定位在该行，并将自己置于编辑模式

位置的问题是我使用分页。假设我在分页的第一页，新的一行出现在第四页。我想自动到达那里

---

谁能给我一个提示吗？谢谢您的时间。

只需在推送过程中编辑属性值

true

像这样

arr.push({'id':$scope.id, 'text': $scope.text,editing:true});

我创作了一把小提琴：

addRow（）

方法现在看起来像：

$scope.addRow = function () {
 console.log("test");
 var e = new Entry();
 e.id = $scope.todos.length;
 e.text = $scope.content;
 $scope.todos.push(e);
}

---

圣诞快乐

文本字段在哪里？若要将新行置于可编辑模式，

arr.push（{id:$scope.id，text:$scope.text，editing:true}）

？您需要在某个位置存储对正在编辑的行的引用。在此之后，您需要创建某种类型的“编辑模式”。您可以通过将ng repeat的内部包装在ng if中来实现这一点。如果当前ID是正在编辑的ID，则显示带有输入字段的表单，而不是纯文本。我添加了缺少的代码messerbill，Komo我使用了您的建议，它可以工作，并解决了自动编辑模式。托尼：我会看看我能做些什么，我会带着答复来的。谢谢大家。

$scope.addRow = function () {
 console.log("test");
 var e = new Entry();
 e.id = $scope.todos.length;
 e.text = $scope.content;
 $scope.todos.push(e);
}