Angular X 可编辑设置焦点事件

Question

我正在使用angular-xeditable api。你能告诉我当表单“加载”并按下“添加行”按钮时如何将焦点设置为控件吗？

JsFiddle

在上面的api上有一个名为$activate(name)的方法。但是我不知道如何在上面的场景中使用它。谢谢。

 // add user
  $scope.addUser = function() {
    $scope.users.push({
      id: $scope.users.length+1,
      name: '',
      status: null,
      group: null,
      isNew: true
    });
  };

Answer 1

这是一个fiddle，我想出什么来解决你的问题。

我在 addUser 方法中添加了一个 setFocus 函数调用

    $timeout( function() { 
        $scope.setFocus('name', $scope.users.length - 1); 
    }, 50);

    $scope.setFocus = function (id, index) {
        angular.element( document.querySelectorAll("#" + id))[index].focus(); 
    };