带有ng-hide的Md选项卡 - 保持先前选择的选项卡处于活动状态

Question

我正在使用一组标签，其中有要隐藏和动态显示的标签。

问题是当标签从隐藏变为可见时，它将成为选定的标签。我希望在显示标签后仍然可以选择之前选择的标签。

这是一个简单的例子。在这种情况下，如果选择“三”，并且按下按钮以显示“两个”选项卡，我仍然希望选择“三”。

https://jsfiddle.net/b5aw533a/2/

以下是我尝试使用md-active实现此目标的示例

https://jsfiddle.net/pspL9c7s/1/

Answer 1

您的问题是$scope.selectedTab等于2，这是所选标签的索引。

添加新标签页时，您应该相应地更新$scope.selectedTab。

基本上，如果在选定的选项卡之前添加选项卡，则应使用$scope.selectedTab++增加所选选项卡的索引。如果新标签出现，那么您就不必这样做了。

$scope.showTab = function() {
  // we add a tab before, so we update the index of the selected one
  $scope.selectedTab++;
  $scope.shouldShow = true;
}

https://jsfiddle.net/v8jL75tf/