useNavigationEnd

useNavigationEnd 是一个用于监听 Angular 路由导航结束事件的自定义 Hook。

注意

此 Hook 适用于 Angular 的依赖注入上下文中，如果不在上下文中则会抛出错误。

用法

useNavigationEnd((event: NavigationEnd) => {
    // 在导航结束时执行的操作
    console.log('Navigation ended:', event);
});

参数

参数	类型	描述
callback	(event: NavigationEnd) => void	当导航结束时调用的回调函数，接收一个 NavigationEnd 事件对象作为参数。

示例

use-navigation-end.component.ts

import { Component } from '@angular/core';
import { useNavigationEnd } from '@sleeko/utils/hooks';

@Component({
    selector: 'app-use-navigation-end',
    templateUrl: './use-navigation-end.component.html',
    styleUrls: ['./use-navigation-end.component.scss'],
})
export class UseNavigationEndComponent {
    private readonly _navigationEnd = useNavigationEnd(event => {
        console.log('navigation end', event);
    });
}