如何在没有整体旋转器的情况下导航？
如何在没有整体旋转器的情况下导航？
提问于 2020-12-03 14:28:59
我在做星云管理模板。有一个全球性的旋转器。它是在从标题导航到新页(组件)时加载的。我只想为特定的组件隐藏这个旋转器(在导航或加载新页面时不需要)。
我的标题有一个链接，如下所示
<nb-action class="control-item "><a class="nav-links" href="home">Home</a></nb-action>index.html旋转器
<div id="nb-global-spinner" class="spinner">
<div class="blob blob-0"></div>
<div class="blob blob-1"></div>
<div class="blob blob-2"></div>
<div class="blob blob-3"></div>
<div class="blob blob-4"></div>
<div class="blob blob-5"></div>
</div>我试过以下方法，
方法:1在custom.component.ts中
ngOnInit(): void {
const el = document.getElementById('nb-global-spinner');
if (el) {
el.style['display'] = 'none';
}
}方法:2在custom.component.scss中
.spinner{
display: none;
}回答 2
Stack Overflow用户
回答已采纳
发布于 2020-12-15 07:01:48
旋转器只显示在单击下面的一个
<nb-action class="control-item "><a class="nav-links" href="home">Home</a></nb-action>我把它修改成
<nb-action class="control-item "><a class="nav-links" [routerLink]="['/home']">Home</a></nb-action>Href是提供的基本属性，用于在页面中导航，在单击时重新加载页面。
routerLink是由角提供的属性，可以导航到不同的组件，而无需重新加载页面。
Stack Overflow用户
发布于 2020-12-03 18:19:52
如果.spinner是nb-全局自旋器组件的类的名称，那么在css中尝试：
.spinner ::ng-deep {
display: none;
}或者以防万一：
.spinner ::ng-deep {
* {
display: none;
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65127915
复制相关文章
相似问题
腾讯云开发者
