0

这就是我的 Angular 应用程序的样子。

(function () {
"use strict";

angular
    .module("app")
    .controller("custCtrl", custCtrl);

custCtrl.$inject = ['dataService','custFactory'];

/* @ngInject */
function custCtrl(dataService, custFactory) {
    var vm = this;
    //line##
    vm.customer= custFactory.Create('customer');

    GetCustomers();
    function GetCustomers() {

        dataService.read().then(function (data) {
                vm.customer = data.fields;
            }
        });

    }

    return vm;
}
})();

工厂方法

(function () {
'use strict';

angular
    .module('app.factory')
    .factory('custFactory', custFactory);

custFactory.$inject = ['$q'];

/* @ngInject */
function custFactory($q) {
    var _create = function (type) {

        var obj = {};

        switch (type.toString().toLowerCase()) {
            case "customer":
                obj = new Customer();
                break;
            default:
                obj = null;
        }

        return obj;
    }

    return {
        Create: _create
    };
}
})();

查看模型

 function Customer()
 {

var dto = this;

dto.Customer = {
  "Name" : "",
  "Gender" : "", // & so on
}

 return dto;
}

如果您custCtrl在//line## 上检查我的上述内容，我正在调用工厂方法来实例化客户对象，如下所示。

vm.customer= custFactory.Create('customer');

但是，如果我不创建客户 VM 和工厂并简单地分配一个空字符串，如下所示。

        vm.customer= {};

仍然可以正常工作。

所以我的问题是我为什么要创建一个虚拟机和工厂？它有什么好处？？

4

2 回答 2

1

控制器别名适用于嵌套控制器时，

而工厂或服务适合在不同控制器之间共享数据。

例如，如果您从不同的控制器中使用方法，那么让您的方法CreateCustomer很有用。由于您不将数据存储在其中，因此最好使用服务。无论如何，它允许您保存代码。

例子

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

app.factory("myFactory", function(){
    var private = {
        users: {}
    };
    var data = {
        getUser: function(id){
             return private.users[id];
        },
        createUser: function(id){
            private.users[id] = someData;
            return private.currentUser;
        }
    };

    return data;
});


app.controller("myC1", ["myFactory", function(myFactory){

     $scope.user = myFactory.createUser(1);

}]);


app.controller("myC2", ["myFactory", function(myFactory){

     $scope.user = myFactory.getUser(1);

}]);

如您所见，两个控制器可以访问相同的数据

于 2017-06-28T19:32:37.237 回答
1

AngularJS 模式和最佳实践涉及遵循 MV(whatever) 模式和设计/实现具有高内聚和低耦合的模块化组件。这样，您可以轻松地修改一段代码，而无需更改另一段代码。

通常，工厂或服务用作与 RESTful API 或某种服务器端代码交互的客户端代码层。通常这是工厂的唯一功能。这样你就可以将工厂注入到任何需要使用工厂功能的控制器中。当您需要修改调用 API 的方式时，您只需要在工厂中进行更改，而不是使用该函数的每个控制器。

与您创建的视图模型对象类似，您只需在一处进行更改。想象一下，有五个不同的控制器都需要使用一个Customer对象。现在您决定要删除该Name字段并将其替换为FirstNameand LastName。您是想检查所有控制器并进行更改，还是只想更改视图模型？

给你一个简短的答案。不创建视图模型或工厂/服务在功能上没有任何问题。从架构或设计的角度来看，在您的应用程序中具有很强的关注点分离是很有意义的。因此，使用工厂访问数据并使用视图模型访问数据对象是有意义的。

试着想象你的应用程序增长到拥有数百个控制器/视图和数十个工厂或服务。如果您没有从开发之初就实施这些模式和最佳实践，那么维护该应用程序将是一个巨大的痛苦。

于 2017-06-28T19:37:55.483 回答