如何在 Angular 4 中使用 Ngx SweetAlert2 [关闭]答案

【问题标题】：How to use NgSweetAlert2 with Angular 4 [closed]如何在 Angular 4 中使用 Ngx SweetAlert2 [关闭]
【发布时间】：2017-09-14 20:13:38
【问题描述】：

我想在 Angular 4 中使用 ngsweetalert2 (https://github.com/toverux/ngsweetalert2)，但问题是我找不到所需的 css 链接。根据手册中的说明我需要导入 SweetAlert 的 CSS 文件，我尝试了几个在 google 上找到的链接，但都没有。

【问题讨论】：

你在 Angular 中使用什么模块捆绑器？

标签： css angular

【解决方案1】：

如果你使用 Angular-CLI（我相信你是因为它是标准的），你可以在基础项目的文件 .angular-cli.json 中添加样式。

angular-cli.json ：

  ...
  "styles": [
    "../node_modules/roboto-fontface/css/roboto/sass/roboto-fontface.scss",
    "../node_modules/normalize.css/normalize.css",
    "../node_modules/font-awesome/scss/font-awesome.scss",
    "../node_modules/ionicons/scss/ionicons.scss",
    "app/theme/theme.scss",
    "styles.scss"
  ],
  ...

在这里，您可以从库中添加 .css 和 .scss 文件，这会将它们添加到 Angular-CLI 提供的 vendor.bundle.js 中。

我相信您知道您需要使用NPM 或任何其他依赖项管理器来安装库，才能将库下载到您的node_modules 文件夹中。在那里，您应该拥有包含样式的库。

【讨论】：

非常感谢。是的，我已经通过 npm 安装了它，但不知道可以从那里导入 css。（我是角度新手）。
不客气！