新しいルートがng-viewにロードされたときに間違った要素をターゲットにするタブイング（tabindex）

Question

角度ルート（1.4.8）と角度材料を使用して角度（1.4.8）でSPAを取得しました任意の違い）。

ユーザーがリンクをクリックして新しいルートにリダイレクトされるたびに、次のタブ位置は、tabindex="1"（または0、-1）のng-viewの要素にする必要があります。代わりに、新しいルートが読み込まれると、次のタブの位置はアプリのロゴとヘッダーメニュー[ng-viewの外に表示されます]です。

これは、ルートを変更するたびに、〜5つのリンクを飛び越えて目的の主要要素をターゲットにしなければならない非常に使い勝手の悪い操作性を作成します。これは、いくつかのルート/ビューにまたがるフォームウィザードを持っているので、特に私たちのアプリを吸う。

私はこれが最近、おそらく以前のバージョンから1.4.8へのアップグレード時に開始されたと思います。誰でもこれを経験していますか、それを解決する方法を提案していますか？私の解決策は、あなたの形で所望の要素にデフォルトのフォーカスを設定することです0

Answer 1

私はこの記事でARIAとAngularJSの解決策を見つけました。この解決策は、Single page applications, AngularJS and accessibilityの実装に終わりました。

app.run(function setupRouteChangeHandlers ($rootScope) { 
    var bodyElement; 

    $rootScope.$on('$viewContentLoaded', setupTabIndexFocus); 

    //////////// 

    function setupTabIndexFocus() { 
    if (!bodyElement) bodyElement = $('body'); 
    bodyElement.find('md-content').attr('tabIndex', -1).focus(); 
    } 
}); 

各ビューにターゲットとすることができる（ただし、どの要素もターゲットにできる）ように、各ビューにはmd-content要素があります。ユーザーがタブをクリックすると、次のtabindexの位置はビュー内の要素になり、tabindex="1"となります。

ここでは最初のフォームフィールドを選択しないため、モバイルデバイスのキーボードはすぐに表示されません（モバイルデバイスの画面の半分がユーザーの目に触れる前に覆われます）ページ）。

Answer 2

にNG-ビューは新しいルートをレンダリングするたび

は、アクティブtabindexの位置を元に戻す必要があります。 'ng-autofocus'を試してみてください。