如何使用ngRoute在templateUrl中使用URL参数?

Bla*_*ake 9 javascript url-routing angularjs ngroute

我正在构建一个angularjs应用程序,我的app.js看起来像这样.但是,它会引发Unknown provider: $routeParams错误.知道为什么吗?

var angularSite = angular.module('angularSite', [
  'ui.router',
  'ngRoute',
  'siteController',
  'siteDirectives'
])
.config(['$routeProvider', '$routeParams',
  function($routeProvider,$routeParams) {
    $routeProvider.
      when('/Projects', {
        templateUrl: 'partials/projects.html',
        controller: 'ProjectController'
      }).
      when('/Projects/:projectId', {
        template: 'partials/pages/'+$routeParams.projectId+'.html',
        controller: 'ProjectDetailController'
      }).
      otherwise({
        redirectTo: '/About'
      });
  }]);
Run Code Online (Sandbox Code Playgroud)

小智 -1

AngularJS 1.2 中可在配置级别替换访问路由参数。

template: 'partials/pages/'+$routeParams.projectId+'.html',
Run Code Online (Sandbox Code Playgroud)

和:

templateUrl: function(params){ return 'partials/pages/' + params.projectId + 'html'; }
Run Code Online (Sandbox Code Playgroud)

来源 - AngularJS - 如何使用 $routeParams 生成 templateUrl?