以下是我的控制器,它真的很简单,它试图在单击按钮时提取数据,然后尝试将其推送到ng-repeat中。
app.controller('HomeController',function($scope,$http) {
$scope.user = [];
$scope.posts = [];
$http.get('http://hashtag.dev/api/v1/user').success(function(data) {
$scope.user = data;
});
$http.get('http://hashtag.dev/api/v1/post').success(function(data) {
$scope.posts = data;
});
$scope.loadmore = function() {
$http.get('http://hashtag.dev/api/v1/post').success(function(data) {
$scope.posts.push(data);
});
};
});
当单击带有ng-click =“ loadmore()”的按钮时
TypeError: Object #<Object> has no method 'push'
怎么了 ?顺便说一句,我是一个完整的角菜鸟。服务器返回的JSON。
{
"total": 37,
"per_page": 10,
"current_page": 2,
"last_page": 4,
"from": 11,
"to": 20,
"data": [
{
"id": 84,
"user_id": 4,
"post_text": "Sunt eius voluptatem nostrum eos eos ipsa qui. Laudantium ratione repudiandae vitae sunt distinctio earum.",
"created_at": "2013-12-15 14:29:00",
"deleted_at": null,
"user": {
"id": 4,
"full_name": "Vinnie Lang",
"username": "vinnie398",
"created_at": "2013-12-15 14:28:54"
}
},
{
"id": 82,
"user_id": 2,
"post_text": "Laudantium minus animi alias dolorum aperiam non. Odit quidem doloribus nihil eius incidunt sint nulla.",
"created_at": "2013-12-15 14:29:00",
"deleted_at": null,
"user": {
"id": 2,
"full_name": "Shyanne Champlin",
"username": "shyanne718",
"created_at": "2013-12-15 14:28:53"
}
},...................
假设data
成功回调返回的$http.get('http://hashtag.dev/api/v1/post')
是一个对象数组,则必须执行以下操作:
1)$scope.posts=[]
在您的控制器中定义一个,就像您定义的一样$scope.user
2)在成功回调中$http.get('http://hashtag.dev/api/v1/post')
,loadmore()
您需要$scope.posts
用新数据来扩充您的:
$scope.posts = $scope.posts.concat(data);
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句