Erstelle eine injizierbare Klasse (Konstruktor)

Ich bin eine AngularJS-Neuling, und ich bin gerade erst anfangen zu verstehen, die Konzepte und Unterschiede von factoryservice und controller. So wie ich das verstehe, eine factory zurück, "value object", die injiziert werden können. Die meisten Beispiele, die ich gesehen habe etwas wie das hier tun:

angular.module('module.factories', function() {
    factory('FactoryObject', function() {
        return {
            someFunction: function(someParam) {};
            someOtherFunction: function(someOtherParam) {});
        };
    });
});

In meinem controllerich möchte in der Lage sein, um dieses Objekt verwenden, aber ich möchte initialisieren/instanziieren Sie es in der Steuerung, da kann es neu initialisiert werden je nach Veranstaltungen/Aktionen in der Steuerung. Also, ich wurde gefragt, ob ich zurückkehren könnte, eine Konstruktor-Funktion in der factory statt?

angular.module('module.factories', function() {
    factory('FactoryObject', function() {

        function FactoryObject(initParam) {
        }

        FactoryObject.prototype.someFunction = function() {};

        return FactoryObject;

    });
});

Ist das ein passendes Muster für eine eckige Fabrik? Oder ist es nur "übertrieben" zu verwenden, eine Fabrik für ein benutzerdefiniertes Objekt, wie diesem? Sollte ich gerade in einer Bibliothek js-Datei, und verweisen Sie von dort statt? Ein Vorteil, dass es in einer Fabrik ist, dass es leicht sein wird, zu verhöhnen, als es in einem test, da wird es injiziert, wo es verwendet wird. Gibt es andere Mechanismen in Eckig, könnte stattdessen verwendet werden?

InformationsquelleAutor der Frage NilsH | 2013-04-17

angularjs javascript

3

Du hast ganz Recht, das ist die Art und Weise zu erstellen injizierbare "Klassen" (Konstruktoren). Jedoch, mit factory ist nur notwendig, wenn Sie injizieren müssen andere Sachen verwendet werden, die durch Ihre Klasse:
```
.factory('Class', ['$q', function ($q) {
    function Class () {}
    Class.prototype = {
        constructor: Class,
        doSomeAsyncAction: function () {
            return $q(function (resolve, reject) {
                //...
            });
        },
        //...
    };
    return Class;
})
```
Wenn Sie eine völlig unabhängige Klasse (z.B. Datenstrukturen), können Sie einfach constantso dass Ihre Klasse steht auch in der service-Anbieter:
```
(function (undefined) {
    function Class () {}
    Class.prototype = { ... };
    angular.module(...)
        .constant('Class', Class);
})();
```
Wie nebenbei, mit provider ist nicht zu helfen, Sie in diesem. Anbieter dienen einem völlig anderen Zweck und (unter anderem) return eine factory-Funktion, die dann _once_ auf den ersten angeforderte Injektion auf erstellen Sie eine einzelne Instanz des service. Provider verwendet werden, um lassen Sie Sie so konfigurieren, dass einzelne service-Instanz in der _config phase_ der Anwendung Bau (siehe Dokumentation).

InformationsquelleAutor der Antwort hon2a

Ich bin mit dem gleichen problem. Hier ist, was ich umgesetzt habe:

angular.module('foo', [])
.factory('Foo', ['$http', function($http) {
  return function(a, b) {
    this.arr = [];
    this.a = a;
    this.b = b;
    this.random = Math.floor(Math.random()*11);

    this.someFunc = function(c) {
      this.arr.push(c);
    };
  };
}]);

Nun, was ich tun kann:

var f1 = new Foo('A', 'B');
f1.random;  //i.e. 0
f1.someFunc('z');  //only affects f1.arr
var f2 = new Foo('C', 'D');
f2.random;  //i.e. 8
f2.someFunc('y');  //only affects f2.arr

Macht die Dinge mehr modularisiert. Hoffe, das hilft.

InformationsquelleAutor der Antwort Foo L

1

Ich hatte die gleiche Frage. Ich fand einen tollen Artikel darüber, wie, um das setup-Objekt-orientierte AngularJS-Services. Hier ist der Artikel. Achten Sie auf den Hinweis über die Verwendung von Fabriken und nicht für Leistungen. Es umfasst auch die Erweiterung Ihrer Objekte. Ich fand es super einfach zu setup und es passt perfekt mit den Eckigen, während das Javascript einfach und geradlinig.

Für die Fabrik-services sind singletons und müssen nicht instanziiert werden, ich benutze die Objekt-literal Ansatz hat einige performance-Vorteile.

InformationsquelleAutor der Antwort Darryl

Hier, wie ich das Problem gelöst:

(function (myModule) {
    'use strict';

    myModule.service('myService', [
        function() {
            var serivce = this;
            var obj = null;

            service.func1 = function(a, b) {

            }

            service.func2 = function(c, d) {
                . . .
                return something;
            }

            var constructor = function(myObj) {
                obj = myObj;

                return service;
            }

            return constructor;
        }
    ]);
}(angular.module("myModule")))

(function(myModule) {
    'use strict';

    myModule.controller('myController', [
        '$scope', 'myService', function($scope, myService) {

            var service = myService($scope.someObj);

            $scope.someOtherObj = service.func2($scope.a, $scope.b);

        }
    ]);
}(angular.module("myModule")))

Die einzige Sache, die zurückgegeben werden aus der service ist der Konstruktor und dann gibt der Dienst den rest des service.

InformationsquelleAutor der Antwort jolySoft

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.