在Typescript/Angular2中显示bootbox警报?

Shu*_*rma 6 modal-dialog typescript bootstrap-modal bootbox angular

我想在我的Angular2项目中使用Bootbox.我搜索了很多,但对我来说没有任何相关的解决方案.
我也试过,angular2-modal但在使用时有很多问题angular2-modal,请为此建议任何好的doc/Examples/Demos.

vik*_*kas 6

第1步:通过安装bootboxnpm install bootbox --save

第2步:如果您正在使用systemjs,那么包括bootbox,如:

<script src="node_modules/bootbox/bootbox.js"></script>
Run Code Online (Sandbox Code Playgroud)

第3步:只要把declare var bootbox:any;进口毕竟图书馆和在组件TS文件组件装饰前,然后用normaly喜欢bootbox.alert("Hello world!");上的任何函数调用.

确保已安装bootstrapjquery并将其包含在索引页中.在引导之后,jquery应该在第一位置.

[编辑]

替代步骤3而不是declare var bootbox:any;导入类型类型定义:

npm install @types/jquery --save
npm install @types/bootbox --save
Run Code Online (Sandbox Code Playgroud)

  • 而不是`declare var bootbox:any`,你可以安装@ types/bootbox:`npm install @ types/bootbox --save` (3认同)
  • @pixelbits我面临类似的问题,但这次我得到$ .fn.modal的undefined.我使用以下语句从'jquery'加载文件import*as $; import*as bootstrap from'bootstrap'; 从"bootbox"导入*bootbox (2认同)