javascript - 为什么 $routeParams 不起作用？不明确的

Question

我正在尝试在 Angular 和 Django Rest 框架上构建简单的应用程序。我有一个下一个根应用程序:app.js

angular
    .module('sharePhotoApp', [
    'ngRoute',
    'sharePhotoApp.controllers',
    'sharePhotoApp.services'
    ])
    .config(['$routeProvider', function($routeProvider) {
    $routeProvider
        .when('/', {
          templateUrl: '/',
          controller: 'PostListController'
        })
        .when('/:username', {
          templateUrl: '/user/',
          controller: 'UserDetailController'
         })
        .otherwise({
          redirectTo: '/'
        });
}]);

下一个 Controller :

angular
    .module('sharePhotoApp.controllers')
    .controller('UserDetailController',  UserDetailController)

    UserDetailController.$inject = ['$scope','$routeParams','userService'];

function UserDetailController($scope, $routeParams, userService){

    alert($routeParams.username);

    $scope.user = userService.get({ username: $routeParams.username });
}

我尝试在浏览器中跟踪下一个 URL:http://127.0.0.1:8000/user/#/admin我想在这种情况下应该使用用户名参数触发路由。但我已经不确定了。谁能解释一下我哪里做错了？

Answer 1

"Note that the $routeParams are only updated after a route change completes successfully. This means that you cannot rely on $routeParams being correct in route resolve functions. Instead you can use $route.current.params to access the new route's parameters."

https://docs.angularjs.org/api/ngRoute/service/$routeParams

你还安装了ngRoute模块吗？

正如描述所述， Controller 中的路由尚未完成，因此参数也未定义。

$scope.$on('$routeChangeSuccess', function() {
    // $routeParams should be populated here
  });

应该完成这项工作。