角材料选项卡

Question

我正在使用 angular-material 中的标签：https://material.angularjs.org/latest/demo/tabs

假设我有一个包含 2 个列的标签。从第二个 cols 我调用一个模式来提交操作。当我关闭模式时，我使用 $route.reload 来刷新我的视图。问题是在 $route.reload 之后，它会回到第一个 col 而不是留在我所在的第二个调用中。

有没有办法解决这种情况？

Answer 1

在您的配置中：

$routeProvider.when('/mypage/tab2', {
            templateUrl: '/mypage/tab2data.html',
            controller: 'pageCtrl',
            title: 'Add New Courses'
            }
        });

在您的材料选项卡中：

<md-tab label="tab1e" ng-click="tab2()"></md-tab>

现在在你的控制器中，定义函数：

$scope.tab2 = function(){
    $location.path('/mypage/tab2');
}

现在，当您点击 tab2 时，网址会发生变化，您可以将其添加为书签，因此它不会重定向到默认选项卡。