angularjs设计模式和从服务器获取数据的最佳做法

Question

即时尝试存档的模型函数包含所有对象行为，以及创建，保存，更新和保留这些模型集合的工厂单例模式，所以我可以在角度控制器中使用它们。

第一个问题：角度提供了一种方法来创建模型，以便在服务中注入，这样我就不必将它们保存在window.interfaces *中？

使用这样的方法我可以在自己的模型中包含我的对象的行为，但性能明智，这种方法有多糟？角度观察者是否会轻松跟踪这一点，否则会触发不需要的摘要循环？

例如 小提琴http://jsfiddle.net/zalabany/j230cuy4/1/

var myApp = angular.module('myApp', []); 
 

 
myApp.service('People', function() { 
 
    var container = []; 
 
    var self = this; 
 

 
    this.all = function() { 
 
    console.log('called all', container); 
 
    return container; 
 
    } 
 

 
    this.createMany = function(data) { 
 
    data.forEach(function(el) { 
 
     container.push(new window.interfaces.Person(el)); 
 
    }); 
 
    return container; 
 
    } 
 

 
    this.createOne = function(obj) { 
 
    var index = container.push(new window.interfaces.Person(obj)); 
 
    console.log('add one to container', index, container); 
 
    return container[index - 1]; 
 
    } 
 

 
}); 
 

 

 
function ctrl2(People, $scope) { 
 
    $scope.people = People.all(); 
 
}; 
 

 
function ctrl1(People, $scope) { 
 
    $scope.people = People.all(); 
 
    $scope.add = function() { 
 
    console.log(People.createOne({ 
 
     id: 1, 
 
     fullname: 'Jhon Doe' 
 
    })); 
 
    } 
 
}; 
 

 
window.interfaces = window.interfaces || {}; 
 
window.interfaces.Person = function(data) { 
 
    var self = this; 
 
    data = data || {}; 
 

 
    //TypeCasting For properties 
 
    this.id = parseInt(data.id); 
 
    this.saved = !!(this.id); 
 
    this.deleted = !!(data.time_deleted > 0); 
 
    this.fullname = String(data.fullname + ''); 
 
    data = undefined; //clear data variable. we dont need it anymore 
 

 
    ///Methods 
 
    this.first_name = function() { 
 
    return self.fullname.substring(0, self.fullname.indexOf(' ')); 
 
    }; 
 
    this.last_name = function() { 
 
    return self.fullname.substring(self.fullname.lastIndexOf(' ')); 
 
    } 
 
    this.change = function(v) { 
 
    self.fullname = (self.fullname === 'hello world') ? 'Was hello' : v; 
 
    } 
 
}

div[ng-controller] { 
 
    float: left; 
 
    width: 200px; 
 
} 
 

 
label { 
 
    display: block; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp"> 
 
<div ng-controller="ctrl1"> 
 
    <h2> 
 
    Ctrl1 
 
    </h2> 
 
    <label ng-repeat="person in people">{{person.first_name()}}</label> 
 
    <button ng-click="add();">Click Me to create objects</button> 
 
</div> 
 
<div ng-controller="ctrl2"> 
 
    <h2> 
 
    Ctrl2 
 
    </h2> 
 
    <label ng-repeat="person in people"> 
 
    {{person.first_name()}} 
 
    <button ng-click="person.change('new name');">Change</button> 
 
    </label> 
 
</div> 
 
</div>

Answer 1

首先把里面的东西窗口是一个安全危险。任何人都可以操纵它们。

其次工厂和服务是模型，你注入控制器。

我想你在找什么就是被提供商

务必阅读this和this。

希望我能帮上忙。