由于某种原因,当我在路由中拥有动态属性并访问该页面时,我陷入无限循环中,该页面将持续请求自身.
.config(["$routeProvider","$locationProvider",function($routeProvider,$locationProvider) { $locationProvider.html5Mode(true); $routeProvider.when("/",{ templateUrl: "pages/index.html",controller: "IndexCtrl" }).when("/listhome",{ templateUrl: "pages/listhome.html",controller: "ListHomeCtrl" }).when("/profile",{ templateUrl: "pages/profile.html",controller: "ProfileCtrl" }).when("/newlist",{ templateUrl: "pages/newlist.html",controller: "NewListCtrl" }).when("/userlists/:id",{ templateUrl: "pages/userlists.html",controller: "UserListsCtrl" }).otherwise({ redirectTo: "/" });
我正在看的路线是/ userlists /:id路由.该路由的控制器是 –
TopTenApp.controller("UserListsCtrl",["$scope","$routeParams",function($scope,$routeParams) { console.log($routeParams); $scope.lists = []; }]);
当我访问/ userlists / 9我看到 –
Object {id: "9"}
每3秒记录一次,页面冻结.这似乎是在位置后面有一个正斜杠(“/ userslists /”而不是“/ userlists”)时发生的.
有谁知道这个的原因?
愚蠢的我,我意识到了这个问题.我想这是有道理的,但是当页面是多个“目录”时,模板网址需要在其前面有一个正斜杠.
.config(["$routeProvider",{ templateUrl: "/pages/index.html",{ templateUrl: "/pages/listhome.html",{ templateUrl: "/pages/profile.html",{ templateUrl: "/pages/newlist.html",{ templateUrl: "/pages/userlists.html",controller: "UserListsCtrl" }).otherwise({ redirectTo: "/" }); }]);
希望帮助别人遇到类似的问题.