Angular X-editable set焦点事件

Question

我正在使用angular-xeditable api。你可以告诉我如何在表单'加载'时将setfocus设置到控件中并按下'add row'按钮吗？

的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

这里是一个小提琴与我想出了解决您的问题。

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

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

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