angular - 有条件地将 RouterLinkActive 属性停用为某个值

Question

在这个简单的菜单项组件中:

import { Component, Input } from '@angular/core';

@Component({
  selector: 'nav-item',
  template: `
    <a [routerLink]="routeUrl" 
    routerLinkActive="active-link" 
    >
    </a>
  `
})

export class NavItemComponent {
  @Input() routerLinkActiveIsDisabled: boolean;
}

我希望 routerLinkActive 仅用于某些项目而不是全部。

如果 routerLinkActiveIsDisabled 为 true，我怎样才能删除 routerLinkActive 属性

Answer 1

仅当 routerLinkActiveIsDisabled 的值设置为 false(非真实值).

[attr.routerLinkActive]="routerLinkActiveIsDisabled ? null: active-link"

或

[attr.routerLinkActive]="routerLinkActiveIsDisabled ? null: 'active-link'"