如何在Angular JS中传递routeProvider中的param？

Question

我在Angular JS中使用routeProvider：

.when('/profile/personal', {
       templateUrl: 'personal.html',
       controller: 'EditProfileController'
})

如何将param传递给控制器EditProfileController，并在这里调用返回数据的Ajax方法。此数据必须显示在personal.html的路由模板中。

示例：

    .controller('EditProfileController', ['$scope', '$http', function ($scope, $http) {
         // If was click on `/profile/personal` from route, must get patam `personal` and call method GetAjax(param);
         $scope.GetAjax = function (param){
            //here return data put it in template HTML from route
         }  

    }]);

.controller('EditProfileController', ['$scope', '$http', function ($scope, $http, $routeParams) {
   console.log($routeParams);
}]);

我得到错误：

TypeError: Cannot read property 'idProfile' of undefined

Answer 1

首先，在您的url配置中，必须将url的参数：

when('/profile/personal/:idProfile', {
       templateUrl: 'personal.html',
       controller: 'EditProfileController'
})

现在，在EditProfileController中，您应该获得参数并调用ajax请求：

注入$routeParams对象并用

$routeParams.idProfile:

.controller('EditProfileController',  
function ($scope, $http, $routeParams) {

   var idProfile = $routeParams.idProfile;

   $http.get("service url").then(setData, setError);

   function setData(data) {
       $scope.data = data;
   }
   function setError() {
       alert("error on get data profile");
   }

}]);