Question

我正在使用Wordpress作为我的众多角色项目中的一个主干，我很有棱角，花了很多时间阅读和学习。

我现在的问题是我设法让路由工作，但由于某种原因，默认方式（没有html5模式）不起作用。

我有一个列表，点击链接时我应该转到参数化网址，我收到此错误

我有应用程序，服务和控制器文件，我将在此处发布内容：

app.js

angular.module('AngularWP', ['controllers', 'services', 'directives'])
.config(['$routeProvider', '$locationProvider',
    function($routeProvider, $locationProvider) {
        $locationProvider.html5Mode(true);
        $routeProvider
            .when('/', {
                controller: 'ListController',
                templateUrl: 'templates/list.html'
            })
            .when('/view/:id', {
                controller: 'DetailController',
                templateUrl: 'templates/detail.html'
            })
            .otherwise({
                redirectTo: '/'
            });
    }
]);

services.js

    angular.module('services', [])
  .factory('getAllPosts', ['$http',
    function($http) {
      return {
        get: function(callback) {
          $http.get('/wordpress/api/get_recent_posts/').success(function(data) {
            // prepare data here
            callback(data);
          });
        }
      };
    }
  ])

controller.js

angular.module('controllers', [])
.controller('ListController', ['$scope', 'getAllPosts',
    function($scope, getAllPosts) {
        getAllPosts.get(function(data) {
            $scope.posts = data.posts;
        });
    }
])
.controller('DetailController', ['$scope', 'getAllPosts', '$routeParams',
    function($scope, getAllPosts, $routeParams) {
        getAllPosts.get(function(data) {
            console.log(data);
            for (var i = data.count - 1; i >= 0; i--) {
                //data.count[i]
                //console.log('post id is ' + data.posts[i].id);
                //console.log('routeparam is ' + $routeParams);
                if (data.posts[i].id == [$routeParams.id]) {
                    //console.log(data.posts[i]);
                    $scope.post = data.posts[i];
                }
            };
        });

        //$scope.orderProp = 'author';
    }
]);

可能是什么问题？

Answer 1

显然这个问题的解决方案是：

<script>
      document.write('<base href="' + document.location + '" />');
    </script>

在模板中。角度路由器相对于当前URL。

Answer 2

我有同样的问题。通过切换到1.0.7，我解决了这个问题。

Angular 1.1.5路由器Html5Mode调用堆栈大小超过

2 个答案: