Angular-styleguide: دليل الخدمة لا يعمل

تم إنشاؤها على ٢٥ يوليو ٢٠١٦ · 5تعليقات · مصدر: johnpapa/angular-styleguide

لست متأكدًا مما إذا كان الفريق الزاوي لديه أفكار مختلطة حول الخدمات والمصانع. لكن الكود والأفكار المذكورة في قسم الخدمات لا تضيف شيئًا ، ولا حتى على موقع Angular. إذا كان تسجيل الخدمة يأخذ دالة مُنشئ كوسيطة ثانية ، ويفترض أن يتم استدعاؤها كمُنشئ ، باستخدام الكلمة الأساسية new ، فلماذا لا يمكنني التعامل معها على أنها مُنشئ حقيقي يمرر المعلمات؟

خدمة

(function () {
    angular
        .module("App")
        .service("Person", Person);

    //angular wants my parameters to be injectables.
    function Person(name, age) {
        this.name = name;
        this.age = age;
    }
})();

مراقب

(function () {
    angular
        .module("App")
        .controller("DemoController", DemoController);

    DemoController.$inject = ["Person"];

    function DemoController(Person) {
        var a = new Person("rafael", 22);// ERROR

        var Demo = this;

        Demo.title = "Demo";
    }
})();

question

مصدر

MrOutput

التعليق الأكثر فائدة

يعمل لدي.
http://jsfiddle.net/sava/612phm6n/

sava-vidakovic في ٢٦ يوليو ٢٠١٦

👍2

ال 5 كومينتر

استخدم المصنع بدلاً من الخدمة
Angular هي المنفرد للمصنع والخدمات ...

(function() {

    angular
        .module('App')
        .factory('servicePerson', servicePerson);

    function servicePerson() {
        function Person(name, age) {
            this.name = name;
            this.age = age;
        }

        Person.prototype.alert = function() {
          alert('Name:' + this.name +' Age:'+ this.age);
        }

        var service = {
            newPerson : newPerson
        }

        return service;

        function newPerson(name, age){
            return new Person(name, age); 
        }
    }
}) ();

في وحدة تحكم

(function() {

    angular
        .module('App')
        .controller('DemoController', DemoController);

    DemoController.$inject = ['servicePerson'];

    function DemoController(servicePerson) {
        var a =  servicePerson.newPerson('rafael', 22);
        a.alert();
        var Demo = this;

        Demo.title = 'Demo';
    }
}) ();