gpt4 book ai didi

angularjs - 在angular js中处理来自$resource的数据响应

转载 作者:行者123 更新时间:2023-12-04 05:24:28 26 4
gpt4 key购买 nike

我有一个 RESTful申请与 Laravel 4Angular JS .

在我的 Laravel Controller 中,

public function index() {

$careers = Career::paginate( $limit = 10 );

return Response::json(array(
'status' => 'success',
'message' => 'Careers successfully loaded!',
'careers' => $careers->toArray()),
200
);
}

还有棱 Angular 分明的脚本,
var app = angular.module('myApp', ['ngResource']);

app.factory('Data', function(){
return {
root_path: "<?php echo Request::root(); ?>/"
};
});

app.factory( 'Career', [ '$resource', 'Data', function( $resource, Data ) {
return $resource( Data.root_path + 'api/v1/careers/:id', { id: '@id'});
}]);

function CareerCtrl($scope, $http, Data, Career) {

$scope.init = function () {
$scope.careers = Career.query();
};
}

在这里,我对处理分配给作用域变量的响应数据有点困惑,现在我得到了空数组 []$scope.careers .以及如何处理成功和错误以显示一些消息,如以下正常 $http service ,
$scope.init = function () {

Data.showLoading(); // loading progress
$http({method: 'GET', url: Data.root_path + 'api/v1/careers'}).
success(function(data, status, headers, config) {
Data.hideLoading();
$scope.careers = data.careers.data;
}).
error(function(data, status, headers, config) {

if(data.error.hasOwnProperty('message')) {
errorNotification(data.error.message);
} else {
errorNotification();
}

$scope.careers = [];
});
};

使用 $resource 在控制台中查看我的请求。

enter image description here

最佳答案

尝试这个:

app.factory( 'Career', [ '$resource', 'Data', function( $resource, Data ) {
return $resource( Data.root_path + 'api/v1/careers/:id', { id: '@id'}, {
query: {
isArray: false,
method: 'GET'
}
});
}]);


Career.query(function(res) {
$scope.careers = res.careers.data;
}, function(error) {
// Error handler code
});

关于angularjs - 在angular js中处理来自$resource的数据响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19720160/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com