10

これは恥ずかしいです。一見些細なことを行う方法がわかりません。

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 }}")

行があるので、行ごとにタブインデックスをトラバースできる必要があります。したがって、最初の行を 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;
    }

他にも数えきれないほどの組み合わせ...一見簡単そうに見えることを達成していないなんて信じられない

編集：わかりました、私は情報に貪欲でした。インライン編集用の独自のディレクティブ「input-inline-edit」があります。上記に応じてコードを編集しました。したがって、そのディレクティブがある場合、tabindex は機能しませんが、通常の div (上記の例の 3 番目) がある場合は機能します!!! したがって、最初の 2 つは tabindex=null を取得し、3 番目は有効な数値を取得します。私は困惑しています。

4

1 に答える 1

14

かんたんだよ。過度に複雑にする必要はありません。繰り返される要素のそれぞれに同じタブインデックスを与えるだけです。ユーザーは以前と同じようにタブで移動できます。

于 2015-11-04T20:15:28.697 に答える