html - 在 AngularJS 中启用选项卡

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 }];

尽管如此，该选项卡仍未启用。在这方面还有什么事情要做。

标签： htmlangularjstabs

Answer 1

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

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