Question

我跟随此StackBlitz example添加了ngx-smart-modal窗口。

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

此示例使用的是Angular 4。

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

Answer 1

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

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

Answer 2

在您的全局style.css（或.scss）中添加ngxSmartModal的样式为：

@import "~ngx-smart-modal/ngx-smart-modal";

Answer 3

尝试安装较低版本的“ ngx-smart-modal”。例如npm install ngx-smart-modal@2.0.4

Answer 4

像这样在package.json文件中更改ngx-smart-modal依赖版本。

"dependencies": {
"@angular/animations": "^6.1.0",
"@angular/common": "^6.1.0",
"@angular/compiler": "^6.1.0",
"@angular/core": "^6.1.0",
"@angular/forms": "^6.1.0",
"@angular/http": "^6.1.0",
"@angular/platform-browser": "^6.1.0",
"@angular/platform-browser-dynamic": "^6.1.0",
"@angular/router": "^6.1.0",
"core-js": "^2.5.4",
"ngx-smart-modal": "2.0.4",
"rxjs": "~6.2.0",
"web-animations-js": "2.3.1",
"zone.js": "~0.8.26"  }

然后使用命令“ npm install”重新安装npm模块

ngx-smart-modal-Angular 6

4 个答案: