Brauchen Sie Hilfe auf Angular Factory

Question

Hallo SO eckige Gemeinschaft!

ich sehr verwirrt bin, ich glaube, ich verstehe haben die Fabrik Zweck und Konzept, scheint aber nicht ...

Hier ist mein Problem (sicherlich einfacher für Sie):

ich verwenden möchten mein REST API (funktionierend) mit Winkel- und .factory ...

rest.js

var app = angular.module('urlShortener', ['ngRoute', 'ngResource']); 

app.factory('API', ['$resource', 
    function($resource){ 
    return $resource('/link'}); 
    }],{ 
    get: {method:GET}, 
     post: {method:POST}, 
     put: {method:PUT}, 
     delete: {method:DELETE}, 
    } 
); 

app.controller('GetAll', function ($scope) { 
     $scope.links = API.get(); 
}); 

index.ejs

<div ng-controller="GetAll"> 
    <ul> 
     <li ng-repeat="link in links"> 
      <p>{{link.itemId}} --> {{link.url}}</p> 
     </li> 
     </ul> 
    </div> 

Problem ... 2 Stunden ich die Angular API Beratung bin und keine Lösungen:/

Bitte helfen Sie mir ich Zeit verschwenden: '(

\\\\ SOLUTION ////

rest.js

app.factory('API', ['$resource', function($resource) { return $resource('/link'); }]); 

app.controller('GetAll', ['$scope', 'API', function ($scope, API) { 
    API.query().$promise.then(function(links) { 
     $scope.links = links; 
    }); 
}]); 

Dank @dfsq help :)

Answer 1

Sie können nicht Ordnen Sie $ source instance nur $ scope.links zu, wenn das zugrunde liegende Versprechen aufgelöst wird:

app.controller('GetAll', ['$scope', 'API', function ($scope, API) { 
    API.get().$promise.then(function(links) { 
     $scope.links = links; 
    }); 
}]); 

Answer 2

wenn Sie möchten api Anfragen tun, verwenden Sie $http

dies ist ein Stück Code, den ich in meiner Anwendung verwenden:

angular 

    .module('myApp') 
    .factory('apiFactory', apiFactory); 

function apiFactory($http) { 

    return { 
     getDataFromApi: getDataFromApi, 
    }; 

    function getDataFromApi(url) { 

     return $http({ 
      method: 'GET', // or post or whatever 
      url: url, 
      headers: { 
       ... 
      } 
     }) 

     .then(success) 
     .catch(fail); 

     function success(response) { 
      return response.data; 
     } 

     function fail(response) { 
      // handle error 
     } 

    } 

} 

Answer 3

Sie müssen "API" in Ihren Controller injizieren.

app.controller('GetAll', function ($scope, API) { 
    $scope.links = API.get(); 
}); 

Answer 4

Ist das wonach Sie suchen? API For Resources

services.factory('Api', ['$resource', 
function($resource) { 
    return { 
    Recipe: $resource('/recipes/:id', {id: '@id'}), 
    Users: $resource('/users/:id', {id: '@id'}), 
    Group: $resource('/groups/:id', {id: '@id'}) 
    }; 
}]); 

function myCtrl($scope, Api){ 
    $scope.recipe = Api.Recipe.get({id: 1}); 
    $scope.users = Api.Users.query(); 
    ... 
} 

Answer 5

Wenn Ihr Rest Dienst eine Reihe von Objekten zurückgibt müssen Sie Query-Funktion verwenden.

$scope.links = API.query(); // instead of API.get() 

Wenn Sie etwas anderes tun, wenn die Versprechen kehrt so etwas wie folgt verwenden:

API.query().$promise.then(function(result){ 
    $scope.links = result; 
    // any other operation related to the request here 
});