微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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.jb51.cc/angularjs/142209.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐