Angularjs 无法从$routeParams获取路由参数的值
我正在开发一个angularjs应用程序,它有一个“app.js”文件。此文件包含以下代码:Angularjs 无法从$routeParams获取路由参数的值,angularjs,routes,Angularjs,Routes,我正在开发一个angularjs应用程序,它有一个“app.js”文件。此文件包含以下代码: var app = angular.module("myApp", ['ngRoute', 'ngCookies']) app.config(["$routeProvider", "$locationProvider", function ($routeProvider, $locationProvider) { $routeProvider .when('/UserProfil
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>
此UserProfileInfo视图的控制器代码如下:
app.controller("UserProfileInfoController", ["$scope", "$location" "$routeParams", "$q", function ($scope, $location, $routeParams, $q) {
$scope.userProfileId = $routeParams.UserId;
}]);
此行出现问题:
$scope.userProfileId = $routeParams.UserId;
$routeParams中的用户ID未定义
我已经在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>
请帮帮我,我遗漏了什么
请帮我解决这个问题
提前感谢。我已经尝试过,上面的代码似乎没有问题,
$routeParams
在控制器中获取正确的值。您是否尝试将angular
和angular route
更新为最新版本?在index.html中使用此js文件可能哈希后缺少斜杠:我有完全相同的问题。当我将$routeParams记录到控制台时,我看到了所有变量,但当我尝试访问它们时,它们返回“undefined”。你能解决这个问题吗?
<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>