如何在Angular 4中使用NgSweetAlert2

时间:2017-09-14 12:00:05

标签: css angular

我想在角度4中使用ngsweetalert2(https://github.com/toverux/ngsweetalert2),但问题是我无法找到所需的css链接。 根据手册中的说明,我需要导入SweetAlert的CSS文件,我尝试了几个我在谷歌上找到的但没有效果的链接。

1 个答案:

答案 0 :(得分:0)

如果您使用的是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文件夹中下载库。在那里,您应该拥有可以处理样式的库。