Angular JS问题刷新页面

Question

I have a strange problem. If I manually browse to http://mysite.com:1540/#/5 in the browser the angular route gets called and everything works fine. However, when I click on any of the links below the url changes in the browser, but the route doesn't get triggered. I've confirmed this because I have an alert on the function that gets called when a new id is placed in the url. I would appreciate any help on this.

Thank you in advance.

> //this is the route   $routeProvider.when("/:id", {
>       controller: "topicsControllerByPage",
>       templateUrl: "/templates/topicsView.html"   });
> 
> 
> var topicsControllerByPage = ["$scope", "$http",
> "dataService","$routeParams",   function ($scope, $http, dataService,
> $routeParams) {
>       $scope.data = dataService;
>       $scope.isBusy = false;
> 
> 
>       if (dataService.isReady() == false) {
>           $scope.isBusy = true;
> 
>           dataService.getTopicsByPage($routeParams.id)
>             .then(function () {
>                 // success
> 
>             },
>             function () {
>                 // error
>                 alert("could not load topics");
>             })
>             .then(function () {
>                 $scope.isBusy = false;
>             });
>       }   }]; var newTopicController = ["$scope", "$http", "$window", "dataService",   function ($scope, $http, $window, dataService) {
>     $scope.newTopic = {};
> 
>     $scope.save = function () {
>         //alert($scope.newTopic.title);
>         //alert($scope.newTopic.filepath);
>       dataService.addTopic($scope.newTopic)
>         .then(function () {
>           // success
>           $window.location = "#/";
>         },
>         function () {
>           // error
>           alert("could not save the new topic");
>         });
> 
>     };   }];




 <div class="pagination pagination-centered">
                <ul>
                    <li class=" disabled"><a href="#">« </a></li>
                    <li class="active"><a href="#">1</a></li>
                    <li></li>

                    <li><a href="#/2">2</a></li>
                    <li></li>
                    <li><a href="#/3">3</a></li>
                    <li></li>
                    <li><a href="#/4">4</a></li>
                    <li></li>
                    <li><a href="#/5">5</a></li>
                    <li></li>                    
                    <li><a href="#/2"> »</a></li>
                </ul>
            </div>

Answer 1

我删除了if（dataService.isReady（）== false），现在代码可以正常工作了。