【问题标题】: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>
    

    【讨论】:

      猜你喜欢
      • 2020-11-09
      • 2022-06-17
      • 2019-09-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多