后退按钮angularjs问题

Question

我的应用有这个路由代码

app.config(function ($routeProvider) {
            $routeProvider
                .when('',
                    {
                        controller:'competitionsController',
                        templateUrl:'competitions.html'
                    })
                .when ('/teams/',
                    {
                        controller:'teamsController',
                        templateUrl:'teams.html'
                    })
                .when('/squad/',
                    {
                        controller:'squadController',
                        templateUrl:'squad.html'
                    })
                .when('/player/',
                    {
                        controller:'playerController',
                        templateUrl:'player.html'
                    })
                .otherwise('');
        });

我显示信息的顺序如下比赛/团队/小队/球员

它运行良好，直到我从小队或球员页面点击导航器后退按钮，它不能正常工作，它会抛出“错误加载页面”并返回到比赛页面。我做错了什么？

您可以在此处检查其行为：http://balonmano100.p.ht/prueba/

谢谢

Answer 1

您正在通过链接标签中的 href 属性设置您的网址。尝试使用ng-click 和$location 对象来设置浏览器的url。

<div ng-controller="myCtrl">
    <a href="#" ng-click="goTo('myUrlPart')">My Link</a>
</div>

然后在你的控制器中

angular.module('myApp',[])
    .controller('myCtrl',['$scope','$location',function($scope,$location){
        $scope.goTo = function(url){
            $location.path(url);
        }; // end goTo
    }]); // end myCtrl / myApp