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>