编辑:通过消除过程,似乎是https://github.com/mpalourdio/ng-http-loader模块的一部分,该模块是由其他一些依赖项添加的。有趣的是,乍一看该模块使用<ng-http-loader>
作为标签,而不是<spinner>
。
在“继承的” Angular 6应用程序中,我的app.component.html中包含以下行:
<spinner></spinner>
这似乎用于在加载数据时生成动画叠加(正方形从左下角到右上角以波浪的形式出现和消失):
问题是:这是什么标签?
如果我禁用它,则不再显示加载动画。但是我在代码或互联网上的任何地方都找不到与之相关的东西,或可能引用它的元素。所以我找不到谁来控制它的行为。
我的app.component.ts:
import { environment } from '../environments/environment';
import { Component, OnInit } from '@angular/core';
import { MatSnackBar } from '@angular/material';
import { Router } from '@angular/router';
import { TranslateService } from '@ngx-translate/core';
import { BreadcrumbService, BreadcrumbComponent } from 'ng5-breadcrumb' ;
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
env = environment;
constructor(..., private sw: SwUpdateService, public snackBar: MatSnackBar) {
}
ngOnInit() {
this.sw.checkForUpdates();
this.sw.onUpdateAvailable().subscribe((updEvent) => {
this.snackBar.open('Software update available!', 'Update').onAction().subscribe(() => {
document.location.reload();
});
});
}
navigateA(): void {
this.router.navigate(["/a"]);
}
navigateB(): void {
this.router.navigate(["/b"]);
}
navigateC(): void {
this.router.navigate(["/c"]);
}
navigateD(): void {
this.router.navigate(["/d"]);
}
}
答案 0 :(得分:2)
此标签来自用于显示这种加载动画的组件,可能是app.module.ts中的外部模块,例如NgxSpinner。