未知的HTML标签搜索:<spinner>-它是什么,它来自哪里?

时间:2019-01-30 12:27:15

标签: html angular

编辑:通过消除过程,似乎是https://github.com/mpalourdio/ng-http-loader模块的一部分,该模块是由其他一些依赖项添加的。有趣的是,乍一看该模块使用<ng-http-loader>作为标签,而不是<spinner>

在“继承的” Angular 6应用程序中,我的app.component.html中包含以下行:

<spinner></spinner>

这似乎用于在加载数据时生成动画叠加(正方形从左下角到右上角以波浪的形式出现和消失): enter image description here

问题是:这是什么标签?

如果我禁用它,则不再显示加载动画。但是我在代码或互联网上的任何地方都找不到与之相关的东西,或可能引用它的元素。所以我找不到谁来控制它的行为。

我的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"]);
  }
}

1 个答案:

答案 0 :(得分:2)

此标签来自用于显示这种加载动画的组件,可能是app.module.ts中的外部模块,例如NgxSpinner。