Angularjs 角路由无限循环

Angularjs 角路由无限循环,angularjs,infinite-loop,routes,Angularjs,Infinite Loop,Routes,出于某种原因,当我的路由中有一个动态属性并访问该页面时,我会陷入一个无限循环中,该页面将不断地请求自己 .config(["$routeProvider", "$locationProvider", function($routeProvider, $locationProvider) { $locationProvider.html5Mode(true); $routeProvider.when("/", { templateUrl: "pages/index

出于某种原因,当我的路由中有一个动态属性并访问该页面时,我会陷入一个无限循环中,该页面将不断地请求自己

.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 = [];
}]);
当我访问/userlist/9时,我看到-

Object {id: "9"}
每3秒记录一次,页面冻结。每当位置后面有正斜杠(“/userslists/”而不是“/userlists”)时,就会发生这种情况


有人知道原因吗?

我真傻,我意识到了问题所在。我想这是有道理的,但是当页面有多个“目录”深度时,模板url前面需要有一个正斜杠


希望这能帮助其他人解决类似问题。

您使用哪台服务器?它是如何设置的?我遇到的另一个问题是,如果我直接通过地址栏而不是通过站点上的链接访问/userlists/9,整个页面的html内容都会收到警报。有人知道为什么会这样吗?忘了我说过什么。另一个逻辑问题-与angularjs无关。谢谢!还要确保更新ng-includes中的路径。这刚刚解决了我的一个类似问题(在我花了比我想承认的更多的时间之后)。谢谢同样,这里的问题是一个拼写错误的templateUrl。谢谢添加正斜杠时出现404(未找到)错误。@AJ_83这在很大程度上取决于URL的设置方式。
.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: "/"
    });
}]);