角路由和引导导航栏

我有得到引导导航栏+角路由的工作问题。我不明白发生了什么，因为在另一个应用程序上的一个非常类似的代码正在工作。角路由和引导导航栏

我有以下的HTML在我的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：

  $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: '/' });

当我打的统计链接，我的网址显示： http://localhost/myApplication/#!/#statistic 和我看到家庭模板。然后

主页按钮显示 “http://localhost/myApplication/#!/”

是排名！这是为什么？

来源

2017-03-19 Stef

尝试删除''＃。像这样的''myApplication –

不会改变任何东西。以防万一，我也删除了缓存。 – Stef

确定经过一番研究后，我发现我的代码适用于角度为< 1.6。

要在1.6上面的代码工作，你必须得到＃的ridd！加入这个到配置：

$locationProvider.hashPrefix('');

这里是original Post.

来源

2017-03-19 21:55:15 Stef

角路由和引导导航栏

回答

相关问题