成功作曲后，Yeoman 角度导航路线不起作用答案

【问题标题】：Yeoman angular navigation route not working after successful composing成功作曲后，Yeoman 角度导航路线不起作用
【发布时间】：2017-12-31 06:03:36
【问题描述】：

成功撰写后，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 之后的初始 url 看起来像 http://localhost:9000/#!/ 。单击 Home 选项卡时，网址看起来像 http://localhost:9000/#!/#%2F 。在点击 About 选项卡时，网址看起来像 http://localhost:9000/#!/#%2Fabout

如何解决问题？

【问题讨论】：

标签： angularjs routes yeoman yeoman-generator yeoman-generator-angular

【解决方案1】：

方法一

将以下内容添加到 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>

【讨论】：