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

时间:2013-11-14 21:43:42

标签: angularjs ng-repeat

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

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,对于第三个我得到一个有效的数字。我很困惑。

1 个答案:

答案 0 :(得分:10)

这很容易。无需过度复杂化。只需为每个重复元素提供相同的tabindex。用户仍然可以像以前一样通过它们进行制表。