ユーザサービスを使用して角度状態を動的にロードする方法

Question

私はangularjs 1.2.23を使用しています。サービスから返された結果に基づいて状態をロードするプロバイダを作成します。下に考えてみましょうコードサンプル -

app.provider("myStateProvider", function ($stateProvider, CustomService) { 
 

 
    CustomService.getMenus({}, {}).$promise.then(function (menu) { 
 
    $stateProvider.state(menu); 
 
    }); 
 

 
});

それはエラー - 不明なプロバイダの下に私をスロー：CustomServiceProvider

任意の提案...

Answer 1

、あなたのアプリケーションにproviderを注入アプリケーションのコンフィグレーションフェーズと呼ばれています。このフェーズでは、まだ作成されていないためアクセスできません。 （参照番号：https://docs.angularjs.org/guide/providers）。

あなたがservice、factory、controller注入 - それは、実行ブロック内に注入されます - そこには、プロバイダ（例えばCustomServiceなど）のサービスを注入することはできませんが、 - あなたが注入されていなかったので、それは（OKです参照番号https://docs.angularjs.org/guide/di）。

あなたのCustomServiceサービスにプロバイダを作成することができます

app.provider("CustomService", function() { 
    ... LOGIC GOES HERE (PUT GENERAL LOGIC RELATED TO THE SETUP PHASE OF THE SERVICE) 
}); 

そして、あなたはmyStateProvider後でにそれを注入することができるでしょう：

app.provider("myStateProvider", function ($stateProvider, CustomServiceProvider) { ... }); 

最後の事：追加しないでくださいプロバイダプロバイダー名にを追加するだけです。

app.provider("myState", function ($stateProvider) { 
}); 

WHY？注入する必要がある場合は、myStateProviderProviderを注入する必要があります（Angularは自動的に "プロバイダ"を追加します）