角材料和md-nav-bar路由不起作用

Question

我正在研究AngularJS，因此决定使用AngularJS材质库来协助我的第一个应用程序。到目前为止，我已经从https://material.angularjs.org/latest/demo/navBar复制了一些非常基本的代码，并对其进行了修改以满足自己的需求。我在将我的代码绕到下面时遇到了一些麻烦，请帮助我其他人

.js

<div layout="column" ng-cloak>
    <md-content class="md-padding">
        <md-nav-bar md-no-ink-bar="disableInkBar"
                    md-selected-nav-item="currentNavItem"
                    nav-bar-aria-label="navigation links">
            <md-nav-item md-nav-href=".page1" name="page1">
                Page One
            </md-nav-item>
            <md-nav-item md-nav-href=".page2" name="page2">
                Page Two
            </md-nav-item>
            <md-nav-item md-nav-href=".page1" name="page1">
                Page Three
            </md-nav-item>
            <md-nav-item md-nav-href=".page2" name="page2" disabled>
                Page Four
            </md-nav-item>
        </md-nav-bar>
        <div ui-view></div>
    </md-content>
</div>

home.html

routerApp.controller('HomeController', function ($scope, $location,$state) {
   $scope.goto = function(page) {
    $state.go(page);
  };
});

HomeController：

array[min] = 10;
array[i] = 5;

Answer 1

您可以尝试使用md-nav-sref

  

md-nav-sref用作Ui路由器状态，以过渡到此链接时   被点击

<md-nav-item md-nav-sref="#!/page1" name="page1">
                Page One
</md-nav-item>