2017-02-24 79 views
4

我想在我的Angular2項目中使用Bootbox。我搜查了很多,但對我來說沒有任何相關的解決方案。
我也試過angular2-modal,但是在使用angular2-modal時出現了很多問題,請給出相同的建議/ doc/examples/demo。在Typescript/Angular2中顯示bootbox警報?

回答

3

第1步:通過npm install bootbox --save

步驟2安裝bootbox:如果您正在使用systemjs則包括bootbox像:

<script src="node_modules/bootbox/bootbox.js"></script> 

第3步:只要把declare var bootbox:any;進口畢竟libreries之前和組件裝飾器在組件ts文件中,然後在任何函數調用中使用正常的bootbox.alert("Hello world!");

確保你有引導程序jquery已安裝幷包含在索引頁中。在引導之後,jquery應該處於第一位。

[編輯]

備選步驟3 相反的declare var bootbox:any;,進口型類型定義,而不是:

npm install @types/jquery --save 
npm install @types/bootbox --save 
+0

我應該進口什麼在我的.ts文件? –

+0

Hi @Vikas,感謝您的回答,但是在做完這些之後,我得到了這個錯誤:team.component.html:4:2造成的:bootbox沒有定義,請告訴我如何定義bootbox。 –

+0

非常感謝,你節省了我的時間。 :) –