Angular-styleguide: サービスガイドが機能しない

作成日 2016年07月25日  ·  5コメント  ·  ソース: johnpapa/angular-styleguide

角度のあるチームがサービスと工場についてさまざまなアイデアを持っていたかどうかはわかりません。 しかし、サービスのセクションで言及されているコードとアイデアは、angularのサイトでさえも合計されません。 サービス登録が2番目の引数としてコンストラクター関数を取り、そのコンストラクターとして呼び出されると仮定すると、 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

最も参考になるコメント

私のために働いてください。
http://jsfiddle.net/sava/612phm6n/

全てのコメント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';
    }
}) ();

それはちょうどいい友達ではありません。

私のために働いてください。
http://jsfiddle.net/sava/612phm6n/

@mroutput 、ええ、しかし最良の方法は何ですか?

@ sava-vidakovic。 僕にも

これは彼らがどのように機能するかです:)

このページは役に立ちましたか?
0 / 5 - 0 評価