在AngularJS中使用ui-keypress將焦點更改為下一個輸入

Question

我在輸入字段中使用ui-keypress指令來應用函數newline（），該函數在current（focused）一個下創建一個新的輸入字段。 一切正常，但我想更新此功能，以便焦點跳至新創建的字段。

這是我的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});
};
});

Answer 1

你可以在指令中嘗試這樣的事情嗎

.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>

在控制器中，只需添加新任務即可。

在AngularJS中使用ui-keypress將焦點更改為下一個輸入

問題描述

1 個解決方案

解決方案1
2 已采納 2013-09-20 14:04:58

在AngularJS中使用ui-keypress將焦點更改為下一個輸入

問題描述

1 個解決方案

解決方案1 2 已采納 2013-09-20 14:04:58

解決方案1
2 已采納 2013-09-20 14:04:58