2017-04-23 66 views
0

我想在我的angular2project中實現引導模態。我嘗試了bootstrap和JQuery,但是我的模態並沒有淡入。而且我也嘗試了角度依賴性ng2-bs3-model,存在同樣的問題那也是依賴。 任何人都可以請幫助我。 有沒有更好的方法來實現角2中的引導模態?在angualar2中引導模態

this is my applications after adding model

回答

1

你可以嘗試從NG-引導項目本地模式實現:https://ng-bootstrap.github.io/#/components/modal

的好處是,這些都是原生角的指令,這意味着,你會不會需要包括jQuery的或其他任何第三方JavaScript。從https://ng-bootstrap.github.io/#/components/modal的模式服務的實施是非常容易使用。有一種服務可以將組件用作模態的內容。在大多數情況下,打開一個模式是一個班輪:

this.modalService.open(NgbdModalContent);

您可以在此普拉克在行動中看到一個工作示例:http://plnkr.co/edit/1epmosa7mqHiwF66oHEV?p=preview

+0

謝謝你的意見,我嘗試使用NG-引導項目,但無法顯示對話。我已經完成了與網站上描述的相同的方式。但是當點擊按鈕時,對話框不會打開。在控制檯中找不到錯誤。 –

+0

但我已經鏈接了一個可以工作的plunker ....您可以隨時將您的設置與plunker中的代碼進行比較。 –

+0

請檢查此網址:[ng-bootstrap-modal-is-not-displayed](http://stackoverflow.com/questions/43570776/ng-bootstrap-modal-is-not-displaying),我添加了一個新的關於這個問題,你可以請檢查一下,讓我知道如果我錯過了什麼 –