Angular material 个标签页

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'
            }
        });

在您的 material 标签中：

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

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

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

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

Angular material 个标签页

Angular material tabs

tabs

angularjs

angular-material