anglejs – 角度路线无限循环

前端之家收集整理的这篇文章主要介绍了anglejs – 角度路线无限循环前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
由于某种原因,当我在路由中拥有动态属性并访问该页面时,我陷入无限循环中,该页面将持续请求自身.
.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: "/"
    });
}]);

希望帮助别人遇到类似的问题.

猜你在找的Angularjs相关文章