angular,使用自定义指令设置动态tabindex

Question

这很令人尴尬.我无法弄清楚如何做一些看似微不足道的事情.

tr.row(ng-repeat="user in users")
  td
    div(input-inline-edit="user.name" tabindex="{{ $index*10 + 1 }}")
  td
    div(input-inline-edit="user.surname" tabindex="{{ $index*10 + 2 }}")
  td
    div(tabindex="{{ $index*10 + 3 }}")

由于我有行,我需要能够逐行遍历tabindex.因此,我认为最好的是第一排1,2,3,4接下来的11,12,13,14然后是21,22,23,24

等等

我很尴尬我没能做到这一点,上面的代码不起作用,我试过了

{{$index *10 + 1}}

或 {{getIndex($index, 1)}}")在控制器中:

$scope.getIndex = function(index,i) {
      return index*10 + i;
    }

还有无数其他的组合......我无法相信自己没有做过看似简单的事情

编辑:好的,事实证明我对信息很贪心.我有一个自己的内联编辑指令,"输入内联编辑".我已在上面相应地编辑了代码.因此,如果我有该指令,则tabindex不起作用,但如果我有一个普通的div(上例中的第三个),那就是!!! 所以对于前两个我得到tabindex = null,对于第三个我得到一个有效的数字.我很困惑.

Answer 1

这很简单.无需过度复杂化.只需为每个重复元素提供相同的tabindex.用户仍然可以像以前一样通过它们进行选项卡.