angularjsは特定の細胞に焦点を合わせました - ngrepeatの入力セル

Question

私はangularjsページを持っていて、私はngrepeatにもデータと2つの入力を持つng-repeatを持っています。今、私はタブを押すと、それは次のセル（リンクまたはテーブルのデータ）にフォーカスを送信します。私はそれが次の入力に行きたいだけです。 （ 私はデータと2つの入力の6つのセルでngrepeatを持っている。 私はすべてのタブに必要または入力し、それが次の入力に行く必要があります。

だから、1行目から、1行目に入力1、入力2 次にライン2、ライン2への入力1、入力2 、行3、行3の入力1、入力3

）

Answer 1

<td align="center"> 
    <ngform id="myForm" name="myForm"> 
     <input ng-class="{ 'has-error': item.qtyToOrder>0 && filter.vendor !='' && item.price <=0}" type="number" name="myInput" ng-model="item.qtyToOrder" ng-model-options="{ updateOn: 'blur' }" ng-change="SavePO(item.qtyToReOrder, item.qtyToOrder, {{$index}})" />            
    </ngform> 
</td> 

<!--<td align="center"><input type="checkbox" name="includePO" ng-model="item.includePO" ng-model-options="{ updateOn: 'blur' }" ng-change="SavePO(item.qtyToReOrder, item.qtyToOrder, item.includePO, {{$index}})" /></td>--> 

<td align="right" ng-class="{ red: item.PctOver > 0 }">{{item.PctOver | number:2}}%</td> 

狂っ容易溶液。フォーカスする入力ごとにtabindex = 1を追加するだけです

<td align="center"><input id="qtyToReOrder" tabindex="1" type="number" name="test" ng-model="item.qtyToReOrder" ng-model-options="{ updateOn: 'blur' }" ng-change="SavePO(item.qtyToReOrder, item.qtyToOrder, {{$index}})" /></td>         
<td align="center"> 
<ngform id="myForm" name="myForm"> 
    <input id="qtyToOrder" tabindex="1" ng-class="{ 'has-error': item.qtyToOrder>0 && filter.vendor !='' && item.price <=0}" type="number" name="myInput" ng-model="item.qtyToOrder" ng-model-options="{ updateOn: 'blur' }" ng-change="SavePO(item.qtyToReOrder, item.qtyToOrder, {{$index}})" /></ngform> </td>