C# 如果选项卡处于活动状态,如何禁用该选项卡?如果单击“角度”中的其他选项卡,如何启用该选项卡?

C# 如果选项卡处于活动状态,如何禁用该选项卡?如果单击“角度”中的其他选项卡,如何启用该选项卡?,c#,html,angular,typescript,C#,Html,Angular,Typescript,例如,如果您有三个选项卡: 书 汽车 鸡 完整示例: 代码说明: <a class="nav-link" routerLink="/books" routerLinkActive="active (click)="bookTabIsClicked()" > Books </a> 导出routerLinkActive指令的实例#rlaBooks声明访问实例的变量名 如果当前路由器

例如,如果您有三个选项卡:


书
汽车
鸡
完整示例:

代码说明:

<a class="nav-link" routerLink="/books" routerLinkActive="active 
 (click)="bookTabIsClicked()" >
      Books
</a>
导出
routerLinkActive
指令的实例
#rlaBooks
声明访问实例的变量名



如果当前路由器URL等于
routerLink
指令中指定的URL,则将disabled属性设置为true。否则,disabled属性设置为false。

有几种不同的方法可以做到这一点,我能想到的最简单的方法是直接在视图中添加一个变量

[disabled]="rlaBooks.isActive"

其他选项卡

最初,由于
activeTab
未定义,所有选项卡都将启用,一旦您单击一个选项卡,
activeTab
将被分配到相应的值,从而立即禁用该选项卡

欢迎使用StackOverflow:请为您的代码添加解释,以便用户能够理解您的想法。
[disabled]="rlaBooks.isActive"
<a class="nav-link" routerLink="/books" routerLinkActive="active 
 (click)="bookTabIsClicked(); activeTab = 'bookTab'" [disabled]="activeTab == 'bookTab'">
      Books
</a>
<a class="nav-link" routerLink="/books" routerLinkActive="active 
 (click)="bookTabIsClicked(); activeTab = 'otherTab'" [disabled]="activeTab == 'otherTab'">
      Other Tab
</a>