web-dev-qa-db-ja.com

AngularJS Factoryに複数の関数を含めることはできますか?

私は公式のAngularJSドキュメントから Tutorial をフォローしています。コードをよりよく整理できるように、Phoneファクトリに別の関数を追加できるかどうかを知りたいです。彼らは「クエリ」関数を宣言していますが、別のURLを参照するquery2関数を追加したい場合はどうすればよいですか...たとえば、phones2 /:phoneName.json

工場宣言:

var phonecatServices = angular.module('phonecatServices', ['ngResource']);

phonecatServices.factory('Phone', ['$resource',
  function($resource){
    return $resource('phones/:phoneId.json', {}, {
      query: {method:'GET', params:{phoneId:'phones'}, isArray:true}
    });
  }]);

私はいくつかのことを試しましたが、それらのどれもが機能していないようです:s

この answer は正しい方向に進んでいるようですが、各ファクトリ関数の構文は上記のファクトリと完全には一致していません。

以下に沿ったもの:

phonecatServices.factory('Phone', ['$resource',
      function($resource){
       return {
        query: ...
        query2: ...
       }
      }]);
17
SomethingOn

このような例の1つは次のとおりです。 デモのリンク

angular.module('services', []).factory('factoryName', ["$filter",
  function($filter) {
    var method1Logic = function(args) {
      //code
    };
    var method2Logic = function(args) {
     //code
    };
    return {
      method1: method1Logic,
      method2: method1Logic
    };
  }
]).controller('MainController', ["$scope", "$rootScope", "$filter", "factoryName", function ($scope, $rootScope, $filter,factoryName) {
     $scope.testMethod1 = function(arg){
       $scope.val1 = factoryName.method1(arg);
     };

     $scope.testMethod2 = function(arg){
       $scope.val2 = factoryName.method2(arg);
     };
}]);

これにはさらに良いバージョンがあります: 参照

function AnotherService () {

  var AnotherService = {};

  AnotherService.someValue = '';

  AnotherService.someMethod = function () {

  };

  return AnotherService;
}
angular
  .module('app')
  .factory('AnotherService', AnotherService);
25
Abhijeet

これはサービスコードです。

myServices.factory('Auth', ['$resource',
  function($resource){
    return {
      Login: $resource(serviceURL + 'login', {}, { go: { method:'POST', isArray: false }}),
      Logout: $resource(serviceURL + 'logout', {}, { go: { method:'POST', isArray: false }}),
      Register: $resource(serviceURL + 'register', {}, { go: { method:'POST', isArray: false }}),
    };
  }
]);

そして、私のコントローラーから、それを機能させるためにgo()関数呼び出しを追加する必要があります:

Auth.Login.go({ username: $scope.username, password: $scope.password },

わかりやすくするために、メソッドにちなんでgo関数に名前を付け、代わりに "post()"と呼んでいたと思います...

14
SomethingOn