WP API 2分类中的分类(angularjs)
我还在学习angularjs,所以这一切对我来说都是新鲜事。我从控制器中获取JSON数据,并在html页面(posts)中显示信息。我调出了category json URL,将其插入我获取帖子的位置,查看是否可以获取类别列表(并更改了post.name和all),但它无法获取列表 我假设控制器需要完全返工才能与类别一起工作 这是我的控制器:WP API 2分类中的分类(angularjs),angularjs,Angularjs,我还在学习angularjs,所以这一切对我来说都是新鲜事。我从控制器中获取JSON数据,并在html页面(posts)中显示信息。我调出了category json URL,将其插入我获取帖子的位置,查看是否可以获取类别列表(并更改了post.name和all),但它无法获取列表 我假设控制器需要完全返工才能与类别一起工作 这是我的控制器: angular.module('myapp') .controller('WPCatCtrl', function( $scope, $http, D
angular.module('myapp')
.controller('WPCatCtrl', function( $scope, $http, DataLoader, $timeout, $ionicSlideBoxDelegate, $rootScope ) {
$rootScope.url = 'http://genesis2media.com/mobile/wp-json/wp/v2/terms/category';
console.log('WPCatCtrl');
$scope.loadPosts = function() {
DataLoader.get( $rootScope.url + 'cat' ).then(function(response) {
$scope.categories = response.data;
console.log( response.data );
}, function(response) {
console.log('error', response);
});
}
// Load posts on page load
$scope.loadPosts();
paged = 2;
$scope.moreItems = true;
// Load more (infinite scroll)
$scope.loadMore = function() {
if( !$scope.moreItems ) {
return;
}
var pg = paged++;
$timeout(function() {
DataLoader.get( $rootScope.url + 'cat' + '?page=' + pg ).then(function(response) {
angular.forEach( response.data, function( value, key ) {
$scope.posts.push(value);
});
if( response.data.length <= 0 ) {
$scope.moreItems = false;
}
}, function(response) {
$scope.moreItems = false;
console.log('error');
});
$scope.$broadcast('scroll.infiniteScrollComplete');
$scope.$broadcast('scroll.resize');
}, 1000);
}
$scope.moreDataExists = function() {
return $scope.moreItems;
}
// Pull to refresh
$scope.doRefresh = function() {
console.log('Refreshing!');
$timeout( function() {
$scope.loadPosts();
//Stop the ion-refresher from spinning
$scope.$broadcast('scroll.refreshComplete');
}, 1000);
};
})
.controller('CatListCtrl', function($scope, $stateParams, DataLoader, $ionicLoading, $rootScope, $sce ) {
$ionicLoading.show({
noBackdrop: true
});
var singlePostApi = $rootScope.url + 'cat/' + $stateParams.postId;
DataLoader.get( singlePostApi ).then(function(response) {
$scope.post = response.data;
// Don't strip post html
$scope.content = $sce.trustAsHtml(response.data.content.rendered);
$ionicLoading.hide();
}, function(response) {
console.log('error', response);
});
});
angular.module('myapp')
.controller('WPCatCtrl',函数($scope,$http,DataLoader,$timeout,$ionicSlideBoxDelegate,$rootScope){
$rootScope.url='0http://genesis2media.com/mobile/wp-json/wp/v2/terms/category';
log('WPCatCtrl');
$scope.loadPosts=函数(){
get($rootScope.url+'cat')。然后(函数(响应){
$scope.categories=response.data;
console.log(response.data);
},功能(回应){
console.log('错误',响应);
});
}
//在页面加载上加载帖子
$scope.loadPosts();
paged=2;
$scope.moreItems=true;
//加载更多(无限滚动)
$scope.loadMore=函数(){
如果(!$scope.moreItems){
返回;
}
var pg=分页++;
$timeout(函数(){
获取($rootScope.url+'cat'+'?page='+pg)。然后(函数(响应){
angular.forEach(响应、数据、函数(值、键){
$scope.posts.push(值);
});
if(response.data.length)您面临什么错误?加载资源失败:服务器以404状态响应,它正在给我链接:这显然是端点的问题。您确定有正确的URL吗?