1

我在输入字段中使用 ui-keypress 指令来应用函数 newline() 在当前（聚焦）下创建一个新输入字段。它工作正常，但我想更新这个函数，以便焦点跳到新创建的字段。

这是我的 index.html：

<!doctype html>
<html ng-app="myApp">
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.min.js">                                                       
    </script>
    <script src="script.js"></script>
    <script src="keypress.js"></script>
  </head>

  <body ng-controller="TextCtrl">

    <div  ng-repeat="task in tasks track by $index">
      <input type="text" class="form-control" ng-model="task.text" ui-keypress="{13:'newline($index+1)'}" >
    </div>

  </body>

</html>

这是 script.js：

var myAppModule = angular.module('myApp', ['ui.keypress']);
myAppModule.controller('TextCtrl',function($scope){
var emptytask = '';
var tasks=[{text:'chart'}];
$scope.tasks = tasks;
$scope.newline = function(index){
    $scope.tasks.splice(index,0,{text:emptytask});
};
});
4

1 回答 1

2

你能在指令中尝试这样的事情吗

.directive('focusOnLoad', function () {
    return {
     restrict: 'E',
     link: function (scope, element, attrs) {
        $timeout(function() {
          element.find('input').focus()
        },0);
     }
    }
 }

在 HTML 上做

<div ng-repeat="task in tasks track by $index" focus-on-load>

在控制器中只需添加新任务。

于 2013-09-20T14:04:58.817 回答