3

angular2-webpack-starter シード プロジェクトに基づくプロジェクトがあり、ng-bootstrap、特にモーダルを統合しようとしています。

NgbModule をインポートして再エクスポートする SharedModule があります。私のアプリケーションの他のすべてのモジュールは、SharedModule をインポートします。

ドキュメントに従って、 app.component.html で ngbModalContainer を構成しました。

モーダルを開く必要がある遅延ロードされたモジュールができました。NgbModal サービスで open(...) メソッドを呼び出そうとすると、コンテナが見つからないというエラーが表示されます。

モーダル コンテナがありません。アプリケーション テンプレートの 1 つに追加してください。

これは、遅延ロードされたモジュールが SharedModule をインポートしており、ルート アプリ モジュールとは別の NgbModal サービスのインスタンスを受け取っているためだと思います。

私の質問は、遅延ロードされたモジュールを含め、NgbModal (および残りの ng-bootstrap サービス/コンポーネント) がアプリケーション全体で利用できるように、これを構成する正しい方法は何ですか?

ありがとう!

4

1 に答える 1