Angular 6和微调器

时间:2018-11-16 20:32:22

标签: angular loading

我看不到有任何微调器在我的angular 6(我认为现在是7)项目中工作。 (使用vs2017)

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

虽然这一切似乎都可以npm install ok(除了获得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组件和基本“祖父母”组件中尝试了spinner标签...

什么都没有出现...没有错误,没有闪存,什么都没有...

2 个答案:

答案 0 :(得分:0)

我的最佳猜测是该问题是由于您将html放在何处。您是否已将ng4-loading-spinner元素放入app.component.html文件中?

看看this的工作演示SlackBlitz,看看是否有帮助。

答案 1 :(得分:0)

我的猜测是您导入错误,并有额外的[]

尝试用imports: [Ng4LoadingSpinnerModule.forRoot(), ...]代替imports: [[ Ng4LoadingSpinnerModule.forRoot() ],...]