Question

我遵循以下StackBlitz示例：https://stackblitz.com/edit/ngx-smart-modal-example添加ngx-smart-modal窗口，但是该组件在页面上打开，而不是在模式弹出窗口中打开。谁能告诉我如何解决此问题，或者如果解决问题的话，如何添加css文件引用？

我绑了很多东西，
我尝试按照本文的前两个答案进行操作：ngx-smart-modal - Angular 6 但没有运气：
我尝试添加以下行：

“ node_modules / ngx-smart-modal / ngx-smart-modal.css”，

到部分：

 "styles": [
          ],

在angular.json中

我尝试添加以下行：

@import“ ../ node_modules / ngx-smart-modal / ngx-smart-modal.css”;

进入src / styles.css文件，并添加以下内容： “ src / styles.css” 到

部分

"styles": [    
              ],

在angular.json中

...

       "styles": [

              "./node_modules/ngx-smart-modal/ngx-smart-modal.css"

        ],
...

Answer 1

您的stackblitz示例使用ngx-smart-modal@2.0.4，但是我们当前使用的是@ 7.1.1。

我建议您遵循Setup模态的官方文档。

将相对路径用作@import "~ngx-smart-modal/ngx-smart-modal.css";

，而不是绝对路径

Answer 2

我遵循了一些步骤，但是没有运气，所以我转到了另一个有效的示例：https://www.youtube.com/watch?v=Jm9q9Alva0M，代码为：https://stackblitz.com/edit/ngx-modal

但我必须添加以下行：

在“ app.component.html”文件的顶部，然后出现模式页面。

如何在angular.json中添加CSS文件引用？ ngx-smart-modal-角度

2 个答案: