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(); 
    };