html - 未知 HTML 标签搜索 : -- what is it and where does it come from?

Question

编辑:通过消除过程，似乎是 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"]);
  }
}

Answer 1

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