La gestion des données en réponse à partir de $ressource en angular js

J'ai un RESTful application avec Laravel 4 et Angular JS.

Dans mon Laravel Contrôleur,

public function index() {

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

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

Et l'angle de script,

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(); 
    };
}

Ici, je suis un peu confus pour gérer les données de réponse à attribuer à portée variable, maintenant je suis arriver tableau vide [] dans $scope.careers. Et aussi, Comment puis-je gérer de réussite et d'erreur pour afficher certains messages comme la suite normale $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 = [];
    });
};

Voir ma demande dans la console à l'aide de $ressource.

La gestion des données en réponse à partir de $ressource en angular js

OriginalL'auteur devo | 2013-11-01

  1. 15

    Essayez ceci:

    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
});
    Merci, vous avez sauvé mon temps...
    même ici, en lutte depuis des heures

    OriginalL'auteur Nitish Kumar

  2. 2

    Voir: http://docs.angularjs.org/api/ngResource.$ressources

    $scope.init = function () {
    var success = function(careerList, getResponseHeaders){
      $scope.careers = careerList;
    };
    var failure = function(data){
      //TODO
    };
    Career.query(success, failure); 
};

    En raison de cette bizarreries et autres désagréments, je voudrais suggérer d'utiliser Restangular au lieu de la valeur par défaut $ressource . Il rend la vie beaucoup plus facile

    Ma première question, Pourquoi je suis arriver tableau vide [] dans $champ d'application.de carrière ?
    Pas sûr, Il pourrait être la valeur par défaut lorsque la panne se produit ...
    Ce n'est pas l'échec.voir la capture d'écran, j'ai toutes les valeurs, comment puis-je cette carte à portée variable?
    obtenez-vous cette capture d'écran avec le $ressource d'appel ou avec l' $http appel ? Aussi, essayez le nouveau code modifié. Vous obtenez les données sur le rappel, et qui peut être couru après, la fonction de requête retourne.
    La capture d'écran est de $de ressources, et à l'aide de votre code aussi je suis même et $scope.careers comme undefined

    OriginalL'auteur fabrizioM