Question

我在项目中使用bootstrap-sweetalert库。首先我使用以下代码安装

   `bower install bootstrap-sweetalert --save`

然后我添加angular-cli.json文件的路径

 "scripts"          : [
    "../bower_components/bootstrap-sweetalert/dist/sweetalert.js" 
    ],

在资产目录中有一个styles.css文件，我添加以下代码

  @import "../../../bower_components/bootstrap-sweetalert/dist/sweetalert.css";

Html文件为

 <button class="btn btn-circle green-haze btn-outline sbold uppercase mt-sweetalert" data-title="Sweet Alerts with Icons" data-message="Success Icon" data-type="success" data-allow-outside-click="true"
                          data-confirm-button-class="btn-success">Icon Success Alert</button>

但它不起作用！... 另外，我在sweetalert.js文件中添加了一个alert（），它可以工作！

但是html文件不起作用。

有办法吗？感谢。

Answer 1

导入index.html中的样式。我将通过简单的bootstrap向您展示我的示例。

<link rel="stylesheet" type="text/css" media="screen" href="assets/css/bootstrap.min.css">

这是包含此内容的index.html：

<app-root>Loading...</app-root>

请记住在主库之后导入此库。

另外，请继续查看文档：

祝你好运，编码好！

我们如何在angular2或4中使用bootstrap-sweetalert库？

1 个答案: