UIルーターを使用した動的なネストされたコンポーネントビュー

Question

私は既にUIルーターを使用するAngularアプリケーションを持っています。ほとんどの人がドット表記（parent.childState）を使用しているので、現在はネストされたビューを使用しています。

ただし、このアプリケーションの一部を別の場所で再利用する必要があることは明らかです。このモジュールを呼び出すことができますModule Aこのモジュールはタブ付きで、現在は各タブに関連付けられています。現在、ほとんどのUIルーターアプリケーションと同様に、ルートはアプリケーション構成フェーズ中に設定されます。独自のルートを登録するにはそれのように、この新しいコンポーネントIDで

、およびそれらのルートは、彼らがしているものは何でも親ビューの子経路であること。

が可能、このですか？

Answer 1

あなたは、次の操作を行うことができます

はあなたのモジュールを挿入したいアプリケーションのすべてのコンポーネントを登録することができるようになりますあなたのモジュールAでプロバイダを宣言します。パラメータの1つは、状態接頭辞であることに注意してください。このプロバイダは、プロバイダの関数を呼び出すとき、またはプロバイダに一致するサービス（$ get）をインスタンス化するときに、内部的に$ stateProviderを呼び出します。

$ get関数を選択した場合、$ getの結果としてサービスをインスタンス化するためにangular.run（）を追加する必要があります。さもなければ$ getは後で呼び出され、状態は$ stateNotFoundの結果としてマップされません。これは、$ stateProviderが呼び出される前にいくつかの設定をオーバーロードできるようにしたい場合に便利です。必要がない場合は$ stateProviderを$ get関数で使用しないでください。

他のモジュールで行う必要があるのは、モジュールAに依存して、そのプロバイダを使用することだけです。