javascript - 区分服务器模型和客户端视图模型的角度方式

Question

我只是想知道在Angular应用程序中从服务器查看模型数据的最佳做法是什么？

例如，在我的控制器中，我从服务器（使用自定义ngResource服务）获取模型，然后我需要在我的应用程序的客户端创建某种不同的模型：

customApiService.query({ url: 'items' }, function (res) {
   // made it like this and do everything in partials with "ng-repeat"?!
   $scope.items = res;

   // but i need to model server data on client...
   angular.forEach(res, function (key, i) {
     $scope.viewModel = {
        description: key.anotherNameField // e.g. different third-party services return description under different names
     };
   });
});

Answer 1

在这种情况下，我们所做的是不angular resource直接使用控制器内部。我们创建自己的服务

appRoot.factory('modelService', ['$resource', '$q', function ($resource, $q) {
function ModelClass() {
   this.PropertyOne=null;
   this.PropertyTwo=null; 
}
var serviceObj= {
      getData: function () {
         $resource('url').query(function(data) {
               var modelList=[];
               //Do a foreach on each record in 'data' and create 'ModelClass' object and map properties
               return modelList;
         });
      }
   }
  return serviceObj;
}]);

这使我们可以更好地控制向控制器公开的内容，从而控制视图。这里模型的所有权属于服务。

由于可以在任何地方注入相同的服务，我们不必一次又一次地自定义映射。