Yeoman angular 导航路线在成功撰写后不起作用

Yeoman angular navigation route not working after successful composing

Yeoman angular 成功编写后导航不工作。 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 之后的初始 url 看起来像 http://localhost:9000/#!/ 。 单击 Home 选项卡时,url 看起来像 http://localhost:9000/#!/#%2F。在单击 关于 选项卡时,url 看起来像 http://localhost:9000/#!/#%2Fabout

如何解决问题?

  • 方法一

将以下内容添加到 app.js

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

  $locationProvider.hashPrefix('');

}]);
  • 方法二

放一个! #后解决问题。检查下面给出的代码。

<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>