ngx-smart-modal-Angular 6 [英] ngx-smart-modal - Angular 6

问题描述

我按照以下 StackBlitz示例添加了ngx-smart-modal窗口.

I followed this StackBlitz example to add te ngx-smart-modal window.

一切正常，除了组件在页面上而不是在Lightbox模式弹出窗口中打开.

Everything went well, except the component opens on the page instead of in a Lightbox modal pop-up.

此示例使用的是Angular 4.

This example is using Angular 4.

有人成功在Angular 6中使用了此模块吗?

Has anybody used this module in Angular 6 successfully?

推荐答案

对于ngx-smart-modal v7.1.0，我只是添加了.css或.scss(在我的情况下是.scss，因为这是默认的文件扩展名在我的Angular项目中设置了文件)到angular.json的样式部分.

For ngx-smart-modal v7.1.0, I simply added the .css or .scss (.scss in my case since that is the default file extension I have setup in my Angular project) file to the styles section of your angular.json.

"styles": [
  ...
  "node_modules/ngx-smart-modal/ngx-smart-modal.scss",
  ...
]

这篇关于ngx-smart-modal-Angular 6的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！