角度选项卡条件测试

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上的复选框

时，将其设为true

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

TS中的

enableTab(){
  this.enableTab= true;
}