无法从$ routeParams获取route参数的值

时间:2015-10-01 05:47:56

标签: angularjs routes

我正在开发一个具有" app.js"的angularjs应用程序。文件。该文件包含以下代码:

var app = angular.module("myApp", ['ngRoute', 'ngCookies'])

app.config(["$routeProvider", "$locationProvider", function ($routeProvider, $locationProvider) {
    $routeProvider
       .when('/UserProfileInfo/:UserId', {
           templateUrl: 'Views/Users/UserProfileInfo.html',
           controller: 'UserProfileInfoController'
        })
        .otherwise({
           redirectTo: "/"
        });
  }]);

正如您所看到的,上面的代码中有一个" UserProfileInfo"收到" UserId"的路线路线参数。

html页面的链接标记引用了" UserProfileInfo"路线和代码:

<a ng-href="#UserProfileInfo/{{item.UserId}}" ng-hide="hideViewUser" class="glyphicon glyphicon-trash" title="View"></a>

此链接指的是

www.somedomain.com/#/UserProfileInfo/131

此UserProfileInfo视图的控制器代码如下:

app.controller("UserProfileInfoController", ["$scope", "$location" "$routeParams", "$q", function ($scope, $location, $routeParams, $q) {
    $scope.userProfileId = $routeParams.UserId;
}]);

问题出现在这一行:

$scope.userProfileId = $routeParams.UserId;

来自$ routeParams的UserId未定义。

我在Index.html页面上使用了所有必需的脚本:

<script src="Content/js/jquery-1.11.3.min.js"></script>
<script src="Content/js/bootstrap.min.js"></script>
<script src="Scripts/angular.min.js"></script>
<script src="Scripts/angular-route.min.js"></script>
<script src="Scripts/angular-cookies.min.js"></script>

请帮助我,我错过了什么。

请帮我解决这个问题。

提前致谢。

0 个答案:

没有答案