Question

我有一个angularjs页面，我有一个ng-repeat，其中包含一堆数据和ngrepeat中的2个输入。现在，如果我点击标签，它会将焦点发送到下一个单元格（链接或表格中的数据）。我只希望它转到下一个输入。（我有一个ngrepeat有6个数据单元和2个输入。我想要每个标签或输入，它应该转到下一个输入。

因此，从第1行开始，输入1到第1行，输入2 然后是第2行，输入1到第2行，输入2 然后是第3行，输入1到第3行，输入3

）

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

Answer 1

疯狂的简单解决方案。只需为要聚焦的每个输入添加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>

angularjs专注于特定细胞 - ngrepeat的输入细胞

1 个答案: