javascript - routeParams 为空

Question

我正在尝试使用 $routeParams 获取 URL 参数:

var myApp = angular.module('myApp', [
  'ngRoute',
  'appControllers',
  'appFilters',
  'appServices'
]).config(['$routeProvider', function($routeProvider) {
  $routeProvider.when('/admin/organisations/:organisation_id', {
    controller: 'UpdateOrganisationCtrl'
  });
}]);

在我的 Controller 中:

appControllers.controller('UpdateOrganisationCtrl', ['$rootScope', '$scope', '$http', '$window', '$routeParams',
function($rootScope, $scope, $http, $window, $routeParams) {

    console.log($routeParams.organisation_id);

}]);

但是我正在打印 undefined，因为 $routeParams 是 {} 有什么想法吗？

Answer 1

您尝试访问的 url 应该是

localhost:3000/#/admin/organisations/56cde4bf911747ea200d5a63

ngRoute 将使您的应用程序成为单页应用程序，其中路由器 url 的相关部分将在 # 之后(漂亮地称为 hashbang)。

Look at the example:

// Given:
// URL: http://server.com/index.html#/Chapter/1/Section/2?search=moby
// Route: /Chapter/:chapterId/Section/:sectionId
//
// Then
$routeParams ==> {chapterId:'1', sectionId:'2', search:'moby'}

但是，如果您将 HTML5Mode 用于 angular 的 $location 服务，您提供的 url 可能会起作用。

查看这些链接以获取更多信息:

• AngularJS routing without the hash '#'
• Using $location