2017-03-01 7 views
0

全体でNG-ブートストラップモーダル、私はこのNGのブートストラップを使用していますngbModalContainer属性シェア私のコンポーネントのテンプレートのビュー

<template ngbModalContainer></template> 

私はモーダルを持つことができますどのようにこの

this.modalService.open(componentForMyModal); 

のようなモーダルを開きます私はビューを変更すると画面上に保持されますか?角度2で

+0

あなただけの変更ビューが内にレンダリングされているコンポーネントでこれを開く必要があります必要があります - すなわち、ルータの出力タグを持つビューです。 –

+0

ngModalContainerディレクティブをメインコンポーネントのmainComponent.htmlに移動した場合、ルータのコンセントはサブコンポーネントからmodalServiceに到達できません – Lev

+1

問題を再現するためにプランナーを提供してください – yurzui

答えて

0

ルータを使用して、あなたがして、HTMLおよび/またはコンポーネントを共有したい場合は、あなたのメインのapp.component.htmlファイル

<router-outlet></router-outlet> 

内の通常のルートをロードし、そこから中心点がありますrouter-outletタグの下または上のいずれかでここで行うすべてのルート。あなたはすべてのあなたがapp.component.htmlにするだろう、すべてのコンポーネント間で共有ナビゲーションバーを持つようにしたい場合は はそうです:

<nav> </nav> 
    <router-outlet></router-outlet> 
+0

明示のために、あなたのオープニングモーダルコードを内部にapp.component.tsファイルに保存され、すべてのルートで共有されます –

関連する問題