解決法の外部Uiルータ

Question

私は値を解決するために外部サービス内の$transition$オブジェクトにアクセスしようとしています。

私の状態の定義は次のようになります。

$stateProvider.state(
    'detailView.showDocument', { 
    url: '/:documentId', 
    views: { 
     'sidebar': { 
     component: 'thumbnailView', 
     }, 
     'main': { 
     component: 'mainView', 
     } 
    }, 
    params: { 
     document: null 
    }, 
    resolve: { 
     document: 'resolveDocumentService', 
    } 
    } 
); 

私のサービスは、次のようになります。$transition$オブジェクトを注入することができないため

service.$inject =[ 
    '$transition$', 
]; 

function service(
    $transition$ 
) { 
    // do something 
} 

これはエラーになります。 その後、私は$uiRouterGlobalsを使用する解決策を見つけましたが、これは私にとって少し奇妙なようです。

$transition$オブジェクトがサービス内で移行の値を解決するために利用できない理由はありますか？

resolve: { 
    document: [ '$transition$', function($transition$) { 
    // write your logic here as `$transition$` will be available here 
    } ] 
} 

この関数は、注射され、そしてUIルータは自動的に必要な依存関係を注入：次のように

Answer 1

は@estus'はコメントのほかに、設定を変更することができます。さらに、特定の状態を構成しているため、XY問題に遭遇することはありません。

Answer 2

私の間違いは、サービスはもちろんシングルトンだということでした。サービスキーを使用する代わりに、通常の機能で解決しました。