angle ng-focus/focus入力要素

Question

ボタンとして3つの入力要素が用意されています。 ng-keyupでは私のコントローラで関数を呼び出す。

今の問題は、私は手動でkeyUpイベントが動作するだけにして、フォーカスを得るためにそれらのいずれかをクリックする必要があります。

ng-focus = 'focus'を試した後、コントローラで$ scope.focus = trueを設定しても動作しませんでした。

<div class="row startButtonRow"> 
    <div class="col col-50" align="center"> 
     <button class="button button-dark startButton" ng-click="start()" ng-disabled="disableStart">Start</button> 
    </div> 

    <div class="col" align="center"> 
     <input ng-focus="focus" type="button" class="button button-dark startButton" ng-disabled="disableStop" ng-keyup="stopTimer($event)"> 
    </div> 

    <div class="col" align="center"> 
     <input type="button" class="button button-dark startButton" ng-disabled="disableStop" ng-keyup="stopTimer($event)"> 
    </div> 

    <div class="col" align="center"> 
     <input type="button" class="button button-dark startButton" ng-disabled="disableStop" ng-keyup="stopTimer($event)"> 
    </div> 

    </div> 

私はシンボルが3つの列に表示されて起動スタートボタンをクリックして、私は、対応するボタン（キーアップと、ここで入力要素）を押すことになっていたら、すぐに特定のシンボルが表示されます。最初に要素をクリックしてからキーボードのキーを使うことはできません。

Answer 1

ng-keyupあなたの入力要素のいずれかに移動する必要はありません。あなたのbody要素に移動することもできますし、ng-app要素が何であれ、それでもキー押しをキャッチします。

別の注記では、あなたは何を誤解していると思いますかng-focus入力がフォーカスされているときに指定された式を評価し、ブラウザにその要素のフォーカスを指示していません。あなたがあなたのコントローラにこのような何かを追加することができますHow to set focus on input field?

を参照してください、あなたの入力を集中するカスタムディレクティブを構築したいと思うでしょう：ときに私

var handler = function(e){ 
    if (e.keyCode === 37) { 
     // left arrow 
    } else if (e.keyCode === 38) { 
     // up arrow 
    } else if (e.keyCode === 39) { 
     // right arrow 
    } 
}; 

var $doc = angular.element(document); 

$doc.on('keyup', handler); 
$scope.$on('$destroy',function(){ 
    $doc.off('keyup', handler); 
})