18

我正在关注官方 AngularJS 文档中的教程,我想知道是否可以向电话工厂添加另一个功能,以便更好地组织代码。他们已经声明了一个“查询”函数,但是如果我想添加一个引用不同 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

这个答案似乎在正确的轨道上,但是每个工厂函数的语法与上述工厂并不完全匹配。

类似于以下内容:

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

3 回答 3

26

一个这样的例子是: 演示链接

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);
于 2015-04-06T08:51:35.723 回答
14

这是服务代码:

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()”...

于 2014-02-21T03:08:49.100 回答
0

是的,当然,您可以在一个对象中拥有多个功能。唯一需要注意的是您的服务应该返回一个对象。只要您遵循object的语法,您就可以在该对象中拥有所有有效的 javascript 成员。

所以以下是可能的

phonecatServices.factory('Phone', ['$resource',
  function($resource){
      return {
            query: ... , // NOTICE THE COMMA HERE 
            query2: ...
       }
}]);

您必须缺少comma (,)来分隔对象的键值。

于 2021-04-29T11:18:57.380 回答