Question

我有一个奇怪的问题。如果我在浏览器中手动浏览到http://mysite.com:1540/#/5，则会调用角度路径，一切正常。但是，当我点击下面的任何链接时，浏览器中的URL更改，但路由不会被触发。我已经确认了这一点，因为我对在url中放置新id时调用的函数有一个警告。我很感激任何帮助。

提前谢谢。

> //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），现在代码正常工作。

Angular JS问题刷新页面

1 个答案: