新しいインスタンスで角度サービスを宣言する

Question

かなり初心者の質問だと思いますが、自分自身を理解できません。 初期値でオブジェクトを1回起動することができる角度サービスを作成するのに苦労しています。そして、他のコントローラがこのインスタンスを使用できるようになります。 現在、ゲッター/セッターは機能していません。さらに、オブジェクトが作成される前にcontroller2が呼び出されています。

このサービスを適切な方法で書くべきですか？

ページ（ベース）コントローラ：

vm.user = userService.createNewUser(data); /// init with data 

サブページController1：

vm.user.userInfo = userService.getUserInfo(); /// getter 

サブページコントローラ2：

userService.setUserInfo(data); /// setter 

サービス：

(function() { 
    'use strict'; 

    angular 
     .module('app.user') 
     .factory('userService', userService); 

    function userService() { 
     return { 
      createNewUser: function (data) { /// init only once 
       return new User(data); 
      }, 
      getUserInfo: function() { 
       return User.getUserInfo(); 
      }, 
      setUserInfo: function (customer) { 
       return User.setUserInfo(customer); 
      } 
     }; 



    function User(data) { /// ctor 
       this.XXXX = { 
       user_code: data.customer.user_code, 
       user_password: data.customer.user_password 
       }; 
       this.YYYY = { 
       //// some vars 
       } 

     User.prototype = { 
      getXXXXUserInfo: function() { 
       return this.XXXX; 
      }, 
      setXXXXUserInfo: function (customer) { 
       this.XXXX.user_code = customer.user_code; 
       this.XXXX.user_password = customer.user_password; 
      } 
     }; 
    } 
})(); 

Answer 1

function userService() { 
    return { 
     user:null, 
     createNewUser: function (data) { /// init only once 
      // check for null here if you don't want to be able to only more than once 
      this.user = new User(data); 

     }, 
     getUserInfo: function() { 
      this.user.getUserInfo(); 
     }, 
     setUserInfo: function (customer) { 
      this.user.setUserInfo(customer); 
      // i removed the return since User.setUserInfo is nt returning anything 

     } 
    }; 



function User(data) { /// ctor 
      this.XXXX = { 
      user_code: data.customer.user_code, 
      user_password: data.customer.user_password 
      }; 
      this.YYYY = { 
      //// some vars 
      } 

    User.prototype = { 
     getXXXXUserInfo: function() { 
      return this.XXXX; 
     }, 
     setXXXXUserInfo: function (customer) { 
      this.XXXX.user_code = customer.user_code; 
      this.XXXX.user_password = customer.user_password; 
     } 
    }; 
} 

Answer 2

問題はreturnのインスタンスがUserであることです。最初にサービスにユーザーインスタンスを保存してから、それを返す必要があります。

angular 
    .module('app.user') 
    .factory('userService', userService); 

function userService() { 
    var user; // prepare space in the service for the user instance 

    return { 
     createNewUser: function (data) { 
      return user = new User(data); // user is now saved in the userService service 
     }, 
     ... 
    }; 

    ....