Angular.js活动导航元素

时间:2016-09-09 11:58:20

标签: angularjs

我尝试更改获取路径的链接的颜色,它正在工作,但不是我想要的方式。

现在发生的事情是:

我在http://localhost:8000/projects.html对吗?

如果我点击下一个链接,请回到:http://localhost:8000/projects.html#/index.html

我希望此链接转到:http://localhost:8000/index.html而不是http://localhost:8000/projects.html#/index.html

理解我在说什么?我怎样才能解决这个问题?谢谢。

app.js

App.controller('NavCtrl', ['$scope', '$location', function($scope, $location) {
    $scope.items = [
      {path: '/index.html', title: 'Home'},
      {path: '/projects.html', title: 'Projects'},
      {path: '/contributions.html', title: 'Contributions'},
    ];
    $scope.isActive = function(item) {
      if (item.path == $location.path()) {
        return true;
      }
      return false;
    };
  }])
  .controller('MyCtrl1', [function() {
  }])
  .controller('MyCtrl2', [function() {
  }]);

HTML:

<div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav" ng-controller="NavCtrl">
        <li ng-repeat="item in items" ng-class="{active: isActive(item)}">
          <a href="#{{item.path}}">{{item.title}}</a>
        </li>
      </ul>
</div>

1 个答案:

答案 0 :(得分:0)

您想启用html5模式(SPA应用)吗? answer

还是没有SPA重定向?如果是最后一个,请使用html5mode = true和target =“_ blank”