我正在开发一个具有" 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>
请帮助我,我错过了什么。
请帮我解决这个问题。
提前致谢。