javascript - Angular - 将焦点放在动态创建的输入字段上

Question

如何将焦点添加到新创建的字段？请参阅到目前为止的示例:http://jsfiddle.net/aERwc/165/

$scope.addField = function() {console.log('hi');
    $scope.fields[$scope.keyToAdd] = $scope.valueToAdd;
    $scope.setFieldKeys();
    $scope.keyToAdd = '';
    $scope.valueToAdd = '';
}

Answer 1

您可以使用这种方法，但它需要向您的 ng-repeat 添加动画。见ng-repeat animation complete callback

基本上在回调调用element.focus()

.animation('.repeat-animate', function () {
  return {
    enter: function (element, done) {
      element.hide().show(100, function(){
        var scope = element.scope();
        scope.$evalAsync(function(){ 
          element.find(':last')[0].focus();
        }); 
      });
    }
  };
});

更新代码:http://codepen.io/ev-tt/pen/BNXBmd?editors=101