각도 라우팅 및 부트 스트랩 Navbar

Question

부트 스트랩 navbar + 각도 라우팅이 작동하는 데 문제가 있습니다. 나는 다른 애플 리케이션에 매우 비슷한 코드가 작동하고 있기 때문에 무슨 일이 일어나는지 이해하지 못한다. http://localhost/myApplication/#!/#statistic 를 내가 얻을 :

  $routeProvider.when('/', { templateUrl: 'templates/home.html', controller: 'MainController', controllerAs: 'main' }); 
      $routeProvider.when('/statistic', { templateUrl: 'templates/statistic.html', controller: 'StatisticController', controllerAs: 'statistic' }); 
      // Default route 
      $routeProvider.otherwise({ redirectTo: '/' }); 

나는 통계 링크에 충돌, 내 URL을 보여줍니다

내 index.html을에

<div ng-controller="CoreController as core"> 
    <nav class="navbar navbar-default"> 
     <div class="container-fluid"> 
      <!-- Brand and toggle get grouped for better mobile display --> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
        <span class="sr-only">Toggle navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
       <a class="navbar-brand" href="#">myApplication</a> 
      </div> 
      <!-- Collect the nav links, forms, and other content for toggling --> 
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
       <ul class="nav navbar-nav"> 
        <li ng-class="core.navHome"><a href="#home">Home <span class="sr-only">(current)</span></a></li> 
        <li ng-class="core.navStatistic"><a href="#statistic">Statistic</a></li> 
       </ul> 
      </div> 
      <!-- /.navbar-collapse --> 
     </div> 
     <!-- /.container-fluid --> 
    </nav> 
    <!-- angular templating --> 
    <!-- this is where content will be injected --> 
    <div ng-view></div> 
</div> 

내 app.js를 다음 HTML을 홈 템플리트를보십시오.

홈 버튼은 "http://localhost/myApplication/#!/는"

는 # 보여줍니다! 그 이유는?

Answer 1

몇 가지 조사를 마친 후에 나는이 코드가 각도 < 1.6에서 작동한다는 것을 알았습니다.

위의 코드를 1.6에서 작동 시키려면 #!의 ridd를 얻어야합니다. 는 config이를 추가하여 :

$locationProvider.hashPrefix(''); 

을 여기에 original Post.