Question

在HTML中，默认情况下禁用了两个标签页

"<tab heading='Test Case Details' active='tabs[1].active' disable='true'>"+
"<tab heading='Test Case Past Results' active='tabs[2].active' disable='true'>"+

点击一项功能时，两个选项卡均应启用，一个选项卡应处于活动状态

$scope.tabs[2].active = true;
$scope.tabs[1].disabled = false;

使用的控制器是

$scope.tabs = [{ title:'Detailed Test Case 1', content:'Test case content details will come here', disabled: true }];

仍然，该选项卡未启用。在这方面还有其他要做的事情。

Answer 1

您在disable上的两个标签页中都定义了true属性，并且您从未更改过此属性，因此，无论您做什么，标签页总是会被禁用。我猜您应该将它们绑定到tabs[x].disabled上，并且您的函数应该执行以下操作：

$scope.tabs[0].disabled = false;
$scope.tabs[1].disabled = false;
$scope.tabs[0].active = true;

要同时启用两个标签，请激活第一个标签。

此外，您应该检查索引和数组。您似乎在数组中只有一项，但是您使用的是索引“ 2”，而您似乎并没有使用“ 0”索引。

Answer 2

如果可以使用jQuery，则可以为每个选项卡分配一个ID，并在函数中使用jQuery来执行以下操作：

$("#tab1").attr("disable","false");
$("#tab2").attr({"disable": "false", "active": "true");

在AngularJS中启用标签

2 个答案: