Угловой навигационный маршрут Йомана не работает после успешного составления

Угловая навигация 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>

Начальный URL после ворчания выглядит как http://localhost:9000/#!/ . При нажатии на вкладку Главная URL выглядит как http://localhost:9000/#!/#%2F . При нажатии на вкладку О программе URL выглядит как http://localhost:9000/#!/#%2Fabout

Как решить проблему?


routes angularjs yeoman-generator yeoman yeoman-generator-angular
person pvrforpranavvr    schedule 31.12.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

  • Способ 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>
person pvrforpranavvr    schedule 31.12.2017