javascript - ui-routerとjavascriptを使用して2番目のサブビューを自動的にロードする方法は?

Question

次のビューのスキームをロードするSPAがあります。

メイン ページ > ビュー > サブビュー > サブサブビュー。

メイン ページには、メイン ナビゲーションを含むビューが読み込まれます。サブビューには、メイン ナビゲーションで選択したリンクに応じて、さまざまな項目のリストを含む状態が表示されます。

これらの項目は詳細を調べるためのリンクで、3 つのタブがあるサブサブビューに表示されます。サブビュー リストでリンクがクリックされたときに、詳細の最初のタブを自動的に読み込むソリューションについて考えようとしています。また、サブビュー リストのリンクは、データベース内のオブジェクトを取得するためのパラメーターを渡しています。

最初に、私がやろうとしていたのは、HTML に最初のタブを配置することでした。そのため、リンクをクリックすると表示されますが、適切ではなく、すべてを分離したら、より動的に行う必要があります。コントローラー。ここに私のルート設定があります:

$stateProvider
        .state('main.application', {
            abstract: true,
            url: '/application',
            template: '<ui-view/>'
        })
        .state('main.application.index', {
            url: '',
            templateUrl: 'app/application/application.html',
            controller: 'ApplicationController as applicationCtrl',
            resolve: resolve.index
        })
        .state('main.application.settings', {
            url: '/settings/:id',
            templateUrl: 'app/application/settings/application.settings.html',
            controller: 'ApplicationSettingsController as appSettingsCtrl',
            resolve: resolve.settings
        })
        .state('main.application.settings.info', {
            url: '/info',
            templateUrl: 'app/application/settings/info/application.settings.info.html',
            controller: 'ApplicationSetInfoController as appInfoCtrl',
            resolve: resolve.settings
        })
        .state('main.application.settings.platforms', {
            url: '/platforms',
            templateUrl: 'app/application/settings/platforms/application.settings.platforms.html',
            controller: 'ApplicationSettingsController as appSettingsCtrl',
            resolve: resolve.settings
        })
        .state('main.application.settings.keys', {
            url: '/keys',
            templateUrl: 'app/application/settings/keys/application.settings.keys.html',
            controller: 'ApplicationSetKeysController as appKeysCtrl',
            resolve: resolve.settings
        });