我在我的项目中使用 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 文件不起作用。
有什么办法可以工作吗?谢谢。
在您的index.html
. 我将用简单的引导程序向您展示我的示例。
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/bootstrap.min.css">
这是包含此内容的 index.html:
<app-root>Loading...</app-root>
记住在主库之后导入这个库。
另外,请继续检查文档:
祝你好运和良好的编码!
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句