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

前端之家收集整理的这篇文章主要介绍了angularjs – angular,使用自定义指令设置动态tabindex前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这很令人尴尬.
我无法弄清楚如何做一些看起来微不足道的事情.
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,对于第三个我得到一个有效数字.我很困惑.

这很简单.无需过度复杂化.只需为每个重复元素提供相同的tabindex.用户仍然可以像以前一样通过它们进行选项卡.
原文链接:https://www.f2er.com/angularjs/142209.html

猜你在找的Angularjs相关文章