AngularJS:$ routeProvider在URL中有多个变量

时间:2014-07-24 13:46:01

标签: angularjs route-provider ngroute angularjs-ng-route

因此,我正在学习角度并尝试制作项目问题跟踪器,只是我遇到了ngRoute和路由问题。

我理想的是一个系统,其中(例如)issuetrack.com/projectX返回projectX的所有问题的视图,并且issuetrack.com/projectX/XYZ返回特定问题的视图相关ID(XYZ)。

我已经设置了我的配置:

tracker.config(['$routeProvider', '$locationProvider',
  function($routeProvider, $locationProvider) {
    $routeProvider.
      when('/', {
        templateUrl: 'static/partials/index_partial.html',
      }).
      when('/dashboard', {
        templateUrl: 'static/partials/dashboard.html',
        controller: 'DashboardController'
      }).
      when('/404', {
        templateUrl: 'static/partials/fourOHNOfour.html',
      }).
      when('/:project', {
        templateUrl: 'static/partials/project.html',
        controller: 'ProjectController'
      }).
      when('/:project/:issue', {
        templateUrl: 'static/partials/issue.html',
        controller: 'IssueController'
      }).
      otherwise({
        redirectTo: '/404'
      });

      $locationProvider.html5Mode(true);

  }]);

但是每当我访问(比如)localhost:8080 / example / 1时,该页面就会挂起并变得无法响应。 localhost:8080 / example虽然工作得很好。

我已经采取了正确的方式解决这个问题,还是我的Google搜索无法找到另一种方式?

谢谢!

1 个答案:

答案 0 :(得分:2)

固定!几个小时后......

您只需要:

<base href="/" />

在ng-view所在的索引页面的头部。