Angular 6 和旋转器

Question

我无法在我的 angular 6（我认为现在是 7）项目中找到任何微调器。 （使用 vs2017）

我正在尝试这个 = https://www.npmjs.com/package/ng4-loading-spinner

虽然 npm install 似乎一切正常（除了收到 angualr 6.0.0 依赖警告）......什么也没发生。

在我的模块中

import { Ng4LoadingSpinnerModule } from 'ng4-loading-spinner';
imports: [[ Ng4LoadingSpinnerModule.forRoot() ],...]

在我的组件中

import { Ng4LoadingSpinnerService } from 'ng4-loading-spinner';
...
constructor(private spinnerService: Ng4LoadingSpinnerService...)

并且在方法中...

getDetails(){this.spinnerService.show();...}

并且在 html...

<ng4-loading-spinner> </ng4-loading-spinner>

在 package.json...

"dependencies": {"ng4-loading-spinner": "^1.2.3",...}

我已经在使用它的组件 html 和基础 'grand parent' 组件中尝试了微调标签...

什么都没有出现...没有错误，没有闪光，什么都没有...

Answer 1

我的最佳猜测是问题出在您放置 html 的位置。您是否将 ng4-loading-spinner 元素放入 app.component.html 文件中？

查看 this 工作演示 SlackBlitz，看看它是否有帮助。

Answer 2

我的猜测是您错误地导入了它并且有一个额外的 []。

尝试 imports: [Ng4LoadingSpinnerModule.forRoot(), ...] 而不是 imports: [[ Ng4LoadingSpinnerModule.forRoot() ],...]