角标签条件测试

Question

我有一个标签：

<li><a href="#tab_2-2" target="_self" data-toggle="tab">Test</a></li>

我需要的，如果没有选中第一个选项卡上的一个复选框名为test的标签被禁用。

我需要做的是在角。

Answer 1

HTML锚不具有禁用特性。

你可以使用隐藏

<li><a href="#tab_2-2" target="_self" data-toggle="tab" [hidden]="!test">Test</a></li> 

或者你可以使用一个条件删除href和添加禁用类来更改CSS样式

<li><a [href]="test? # : #tab_2-2" [class.disabled]="!test" target="_self" data-toggle="tab">Test</a></li> 

希望这会有所帮助。

Answer 2

您可以为选项卡设置变量，并根据它设置[disabled]。

enableTab = false;

<tab [disabled] = "enableTab"> 

使其为真当您检查您的TAB1复选框，

<input type="checkbox" [checked]="test" (change)="enableTab()" /> 

在TS

enableTab(){ 
    this.enableTab= true; 
}