要解决Angular 6自旋器组件路由事件未触发的问题,你可以尝试以下解决方法:
ActivatedRoute
服务来监听路由事件。以下是一个示例代码:import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
@Component({
selector: 'spinner',
template: `Loading...`
})
export class SpinnerComponent implements OnInit {
isLoading: boolean = false;
constructor(private route: ActivatedRoute) {}
ngOnInit() {
this.route.params.subscribe(params => {
// 处理路由参数变化的逻辑
this.isLoading = true;
// 执行异步操作,如从服务器加载数据
});
}
}
/spinner
下显示,你需要在路由配置中添加以下代码:import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { SpinnerComponent } from './spinner.component';
const routes: Routes = [
{ path: 'spinner', component: SpinnerComponent }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
指令,以确保正确渲染自旋器组件。
通过检查以上步骤,并根据你的具体情况进行调整,应该能够解决Angular 6自旋器组件路由事件未触发的问题。