Поиск по неизвестному HTML-тегу: <spinner>- что это и откуда? - PullRequest
0 голосов
/ 30 января 2019

РЕДАКТИРОВАТЬ: В процессе исключения, кажется, является частью 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 голосов
/ 30 января 2019

Этот тег взят из компонента, используемого для отображения анимации загрузки такого типа, например, внешнего модуля в вашем app.module.ts, например NgxSpinner.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...