角2モーダルウィンドウ/ダイアログviaサービス

Question

ブートストラップマークアップとCSSを使用して独自のモーダルウィンドウを作成したいとします。私はng2-bootstrapのような既存のプロジェクトを見てきましたが、私はテンプレートにモーダルhtmlを置かなければならないのが好きではありません - 私はそれがopen（）メソッドを持っていることを約束します。これは、ng1のための角度uiブートストラップがどのように機能し、それを維持することを好むでしょうか。残念ながら、これのng2バージョンはブートストラップ3をサポートしていません。

これを達成するためにどのような角度クラス/ APIを使用できますか？私は動的にDOMノードを追加/削除するオープンメソッドを持つサービスを作成したいと思います。

Answer 1

https://ng-bootstrap.github.ioでの角度-UI-ブートストラップの生活の角度2バージョンと、それテンプレートにまたはコンポーネントを開くことができモーダルサービスを持っています：https://ng-bootstrap.github.io/#/components/modal

Answer 2

は、このソリューションを検討してください。

https://stackoverflow.com/a/45494297/4572425

例：

alertOK：

this.alertCtmService.alertOK("This is an alert!").subscribe(function (resp) { 
    console.log("alertCtmService.alertOK.subscribe: resp=" + resp.ok); 
    this.saveData(); 
}.bind(this)); 

alertConfirm：

this.alertCtmService.alertConfirm("Save changes???").subscribe(function (resp) { 
    console.log("alertCtmService.alertOK.subscribe: resp=" + resp.ok); 
    this.saveData(); 
}.bind(this));