AngularJSモデルサービスコードを整理する

Question

私の共有データをコントローラ間で同期させた状態に保つための "モデル"サービスを開発しようとしています。 私はこの解決策になってしまった：

myApp.factory('UserService', function() { 
    return { 
    data: { 
     user: { 
     vm: { 
      firstName: '', 
      lastName: '' 
     }, 
     save: function() { 
      console.log("save user"); 
     } 
     }, 
     settings: { 
     vm: { 
      theme: '', 
      language: '', 
      currency: '' 
     }, 
     save: function() { 
      console.log("save user settings"); 
     } 
     }, 
     save: function() { 
     console.log("save all"); 
     } 
    } 
    }; 
}); 

（より良い、それがどのように機能するかを理解するためにここにフィドル：http://jsfiddle.net/n36kpuf6/）。

私はそれが悪い解決策ではないと思っています。私のHTMLをきれいに保ちます。そして、コントローラでどのような機能を使用できるかを一目瞭然に見ることができます。私はイベントや$スコープに基づいてデータ共有の他のソリューションの中でそれを好む...

同時に、私は多分それは少し混乱していると思っています。だから私はJohn Papaのスタイルガイドを調べて、どのように整理して整理しているのか見ていましたが、このような "モデル"サービスについての例は見つけられず、メソッドに基づく単純なサービス...ということになりました何か。

このサービスをより整理しやすくする方法についてアドバイスをいただけますか？

Answer 1

なぜオブジェクトをオブジェクトの内部に配置しますか？私はこの解決策になってしまった

myApp.factory('UserService', function() { 
    return { 
    data: { 
     user: { 
      firstName: '', 
      lastName: '' 
     }, 
     settings: { 
      theme: '', 
      language: '', 
      currency: '' 
     } 
    } 
    }; 
}); 

Answer 2

：なぜあなただ​​けのきれいなオブジェクトを取得していない

myApp.factory('UserService', function() { 
    var service = { 
     user: { 
     vm: {}, 
     save: saveUser 
     }, 
     settings: { 
     vm: {}, 
     save: saveSettings 
     }, 
     save: saveAll 
    }; 

    return service; 

    function saveUser() { 
    console.log("save user"); 
    console.log(service.user.vm); 
    } 

    function saveSettings() { 
    console.log("save user settings"); 
    console.log(service.settings.vm); 
    } 

    function saveAll() { 
    console.log("save all"); 
    console.log(service); 
    } 
}); 

（ここではフィドル：http://jsfiddle.net/tudev0xc/）

私はそれは汎用性と読めるのままだと思います。