angularjs - Angular 的,使用自定义指令设置动态tabindex

标签 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)}}")与 Controller 中的:
$scope.getIndex = function(index,i) {
      return index*10 + i;
    }

还有无数其他组合...我不敢相信我还没有做到做看似简单的事情

编辑:好的,原来我很贪恋信息。我有自己的内联编辑指令“input-inline-edit”。我已经在上面相应地编辑了代码。因此,如果我有该指令,则tabindex不起作用,但是如果我有普通的div(上例中的第三个div),它将起作用!!!因此,对于前两个,我得到tabindex = null,对于第三个,我得到一个有效数字。我感到莫名其妙。

最佳答案

这很简单。无需过于复杂。只需为每个重复的元素赋予SAME tabindex。用户仍然可以像以前一样通过它们进行制表。

关于angularjs - Angular 的,使用自定义指令设置动态tabindex,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19989025/

相关文章:

javascript - 如何从存储在 localstorage 中的 json 字符串在 HTML 页面中显示 json 数据

javascript - AngularJS 嵌套 ng-repeat 在版本 1.2.1 中不起作用

angularjs - 通过多个级别的多个 ng-repeats-start 属性

angularjs - 使用 Retangular 使用有效负载进行 PUT/GET

javascript - ng-checked 单选按钮

angularjs - ng-repeat 中的 Angular JS 绑定(bind)范围数据以形成

angularjs - 在 angularjs 中使用 ng-repeat 访问嵌套数组

javascript - Angular ng-repeat 不会为动态创建的数组绑定(bind)数据

javascript - 如何在angularjs中使用带有嵌套ng-repeat的复选框

css - 如何从 ionic 框架中的 css 类中删除属性?