我有一个奇怪的问题。如果我在浏览器中手动浏览到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>