AngularJS与Wordpress路由问题

时间:2014-08-20 11:40:46

标签: ajax wordpress angularjs routing

我已经和AngularJS玩了几个星期,感觉我对SPA的了解更多。鉴于Angular是前端并且需要第三方数据源从数据库中获取内容,我使用了WP JSON插件,现在我正在尝试使其在我的Wordpress网站上运行。

到目前为止,我已经完成了这个操作并获取帖子并将它们放入模板中:

$http.get('http://site:8888/wp-json/posts')
.success(function(data, status, headers, config){
  $scope.items = data;
})

很好,效果很好。现在我想将我的帖子链接到一个单独的帖子页面,并且我完全陷入了对我的templateUrl使用的内容(如果需要的话):

.config(['$routeProvider', '$locationProvider',
function($routeProvider, $locationProvider){
  $routeProvider
  .when('/:category/:post', {
    templateUrl: ?????
  });
}])

这里的冲突是WP已经提供路由。但我需要几乎回避它,所以我可以让AngularJS为我做AJAX加载。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

使用SPA,您根本不需要wordpress路由。 Wordpress将只是您前端的数据提供者。你的问题实际上不是关于使用wordpress和angular,而是“如何使用ngRoute?”。

关于Routes如何在angulars开发人员指南中工作的一个很好的例子:https://docs.angularjs.org/api/ngRoute/service/ $ route

要回答您的问题:templateUrl是包含帖子模板的Html文件的路径。使用$templateCache进行文件的角度延迟加载并对其进行评估。所以你可以在那里初始化一个可以从wordpress获取数据的控制器,等等。