md-nav-sref无法在md-nav-item中工作

时间:2016-11-17 10:52:54

标签: angularjs angular-ui-router angular-material

我正在使用md-nav-bar并且可以使用md-nav-href。单击md-nav-item时会切换路由。但是,它不反映a)浏览器中的URL和b)程序化路由更改。所以我尝试使用md-nav-sref,但效果是它在点击时甚至不再改变路线。这是我使用的:

<md-nav-bar md-selected-nav-item="currentNavItem">
    <md-nav-item name="overview" md-nav-sref="overview" ui-sref-active="active">Overview</md-nav-item>
    <md-nav-item name="howto" md-nav-sref="howto" ui-sref-active="active">How to</md-nav-item>
</md-nav-bar>

这是我使用的路线设置:

BlankApp.config(['$routeProvider', function($routeProvider) {
    $routeProvider
        .when('/overview', {
            templateUrl: 'partials/overview.html'
        })
        .when('/howto', {
            templateUrl: 'partials/howto.html'
        })
        .otherwise({
            redirectTo: '/overview'
        });
}]);

md-nav-bar上的文档非常简单,没有示例。有没有人使用md-nav-bar并且可以阐明如何使用它?

0 个答案:

没有答案