Besser organisieren AngularJS Modell-Service-Code

Question

Ich versuche, einen "Modell" -Dienst zu entwickeln, um meine freigegebenen Daten zwischen meinen Controllern synchronisiert zu halten. ich mit dieser Lösung endete:

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"); 
     } 
    } 
    }; 
}); 

(Geige hier, um besser zu verstehen, wie es funktioniert: http://jsfiddle.net/n36kpuf6/).

Ich denke nicht, dass es eine schlechte Lösung ist, es hält meinen HTML sauber und ich kann auf den Blick sehen, welche Funktionen ich in meinen Controllern verwenden kann, halten sie schlank; Ich bevorzuge es unter anderen Lösungen der Daten-Sharing basierend auf Ereignissen oder $ Scope ...

Gleichzeitig denke ich, dass, vielleicht, es ist ein bisschen verwirrt; Ich suchte also den John-Papa-Styleguide, wie ich ihn besser organisieren kann, aber ich kann keine Beispiele über diese Art von "Modell" -Dienstleistungen finden, nur einfache, auf Methoden basierende Dienste ... also dachte ich, dass ich vermisse etwas.

Kann mir bitte jemand Ratschläge geben, wie ich diesen Service besser organisieren kann?

Answer 1

Warum putting Funktion in Ihrem Objekt? Warum holen Sie nicht nur ein sauberes Objekt:

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

Answer 2

ich mit dieser Lösung endete:

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); 
    } 
}); 

(Geige hier: http://jsfiddle.net/tudev0xc/)

Ich denke, es ist vielseitig und lesbar bleibt.