Angular的NgxSpinnerService无法隐藏。
创始人
2024-10-24 08:31:25
0

要隐藏Angular中的NgxSpinnerService,可以使用以下代码示例:

首先,在组件中导入NgxSpinnerService:

import { NgxSpinnerService } from 'ngx-spinner';

然后,在组件的构造函数中注入NgxSpinnerService:

constructor(private spinner: NgxSpinnerService) { }

接下来,当需要隐藏Spinner时,可以调用NgxSpinnerService的hide()方法:

this.spinner.hide();

完整的示例代码如下:

import { Component } from '@angular/core';
import { NgxSpinnerService } from 'ngx-spinner';

@Component({
  selector: 'app-spinner-example',
  template: `
    
    
  `,
})
export class SpinnerExampleComponent {
  constructor(private spinner: NgxSpinnerService) { }

  showSpinner() {
    this.spinner.show();
  }

  hideSpinner() {
    this.spinner.hide();
  }
}

在上面的示例中,当点击“显示Spinner”按钮时,调用this.spinner.show()来显示Spinner,当点击“隐藏Spinner”按钮时,调用this.spinner.hide()来隐藏Spinner。

确保已正确安装ngx-spinner并在模块中导入和声明NgxSpinnerModule。

这样就可以使用NgxSpinnerService来隐藏Angular中的Spinner了。

相关内容

热门资讯

辅助透视!wepoker破解器... 辅助透视!wepoker破解器激活码,wepoker透视脚本免费使用视频(透视)玩家教程(有挂工具)...
透视计算!we-poker辅助... 透视计算!we-poker辅助,wepoker免费透视(透视)攻略教程(有挂脚本)在进入wepoke...
透视安装!wepoker有没有... 透视安装!wepoker有没有辅助,wepoker插件辅助(透视)细节方法(有挂教程)1、首先打开w...
辅助透视!wejoker内置辅... 辅助透视!wejoker内置辅助,we-poker辅助器(透视)揭秘教程(有挂工具)1、该软件可以轻...
透视肯定!wepoker有没有... 透视肯定!wepoker有没有透视方法,wepoker好友房开挂(透视)力荐教程(有挂黑科技)1)w...
透视模拟器!wepoker怎么... 透视模拟器!wepoker怎么买辅助,wepoker私人局规律(透视)切实教程(有挂细节)1、让任何...
透视脚本!wepoker俱乐部... 透视脚本!wepoker俱乐部辅助,淘宝买wepoker透视有用吗(透视)解密教程(有挂解说)1)淘...
透视挂透视!wepoker透视... 透视挂透视!wepoker透视器免费,wepoker透视破解版(透视)揭秘教程(有挂详情);1、下载...
透视实锤!wepoker怎么设... 透视实锤!wepoker怎么设置房间,we-poker是什么软件(透视)靠谱教程(有挂详情);wep...
透视免费!wepoker私人局... 透视免费!wepoker私人局辅助挂,we-poker辅助软件教程(透视)透明挂教程(有挂解密)1、...