Question

成功编写后，Yeoman角度导航无法正常工作。 index.html中的代码如下所示。

      <div class="collapse navbar-collapse" id="js-navbar-collapse">
        <ul class="nav navbar-nav">
          <li class="active"><a href="#/">Home</a></li>
          <li><a ng-href="#/about">About</a></li>
          <li><a ng-href="#/">Contact</a></li>
        </ul>
      </div>

grunt serve 之后的初始网址似乎是http://localhost:9000/#!/。点击主页标签时，网址似乎为http://localhost:9000/#!/#%2F。点击关于标签时，网址似乎如此 http://localhost:9000/#!/#%2Fabout

如何解决问题？

Answer 1

方法1

将以下内容添加到app.js

app.config(['$locationProvider', function($locationProvider) {

  $locationProvider.hashPrefix('');

}]);

方法2

放一个！经过＃解决问题。检查下面给出的代码。

<div class="collapse navbar-collapse" id="js-navbar-collapse">
 <ul class="nav navbar-nav">
  <li class="active"><a href="#!/">Home</a></li>
  <li><a ng-href="#!/about">About</a></li>
  <li><a ng-href="#!/">Contact</a></li>
 </ul>
</div>

成功编写后，Yeoman角度导航路线无法正常工作

1 个答案: