Angular中如何在路由守卫阻止导航时改变routerLink状态？

我有如下路由配置：

export const routes: Routes = [
    {
        path: 'phony',
        component: PhonyComponent,
        canActivate: [() => inject(PhonyService).ok]
    }
];

对应的routerLink链接代码：

<a routerLink="/phony">Go to Phony</a>

当尝试导航时，守卫会按预期触发，必要时阻止跳转，但链接的外观始终不会变化。

我想知道：Angular有没有内置机制，能在目标路由无法导航时给链接标记禁用状态？理想效果类似RouterLinkActive——后者会在链接匹配当前路由时自动添加CSS类，我希望能根据目标路由是否允许导航，给链接添加对应的类。

目前能想到的一种解决方案是复制守卫的判断逻辑：

<a [class.disabled]="!phonyService.ok" routerLink="/phony">Go to Phony</a>

但这种写法会造成代码耦合。当然可以优化成暴露一个全局的canNavigateToPhony函数，让守卫和链接共用这个判断逻辑，但这相当于要额外做一层设计，来弥补Angular路由运行时本该提供的功能。

内容的提问来源于stack exchange，提问作者Pragmateek