<nav routerLink="" class="pages__link">
怎么模拟路由器点击的延迟以及进入多少秒,甚至从点击到页面加载做某种回调,这样我就可以放一个应用,写一些样式
app.component.html
<header class="df jcc aic">
<nav class="page df jcc aic">
<nav routerLink="" class="pages__link">{{ 'home' | uppercase }}</nav>
<nav routerLink="about" class="pages__link">{{ 'about' | uppercase }}</nav>
<nav routerLink="galery" class="pages__link">{{ 'galery' | uppercase }}</nav>
</nav>
</header>
<div class="container" [@fadeAnimation]="o.isActivated ? o.activatedRoute : ''">
<router-outlet #o="outlet"></router-outlet>
</div>
应用程序路由.module.ts
export const routes: Routes = [
{ path: '', component: HomeComponent },
{ path: 'about', component: AboutComponent },
{ path: 'galery', component: GaleryComponent }
];
有几个选项,挂起
click
EventListener
和延迟之一:在组件中:
第二种选择是使用解析器:
由于这是一个提供者,我们在注入器的模块中注册它:
同理,我们在路由模块中指定解析器:
Resolver
也就是所谓的data provider
,总之它是一个单例,在组件被初始化之前在路由器的某个生命周期钩子上做“一些事情”,但是在这种情况下它只是在组件初始化之前延迟了1000ms。