角微调器

【问题标题】：Angular Spinner角微调器
【发布时间】：2021-04-08 15:53:22
【问题描述】：

如何将多个 ngx-spinner 用于两个不同的服务，即我正在使用一个通用微调器来加载拦截器，并希望使用另一个微调器进行支付过程，这是一个没有 Api 调用的演示服务？请提出一些想法。

【问题讨论】：

看一下：morioh.com/p/c7d26a1a8f55

【解决方案1】：

您可以创建一个加载服务，其唯一目的是激活加载微调器。代码可能如下所示：

import { Injectable } from '@angular/core';

@Injectable(
{
    providedIn: 'root'
  }
)
export class LoadingServiceService {

  private loading: boolean = false

  constructor() { }

  public setLoading(value: boolean): void {
    this.loading = value
  }

  public isLoading(): boolean {
    return this.loading
  }
}

然后您可以管理来自不同组件的加载状态。请记住，为了呈现微调器，您必须将其写入您要使用的每个 html 文件中，然后注入此服务。

【讨论】：