AngularJS |工厂方法

AngularJS工厂方法使AngularJS应用程序的开发过程更加健壮。工厂是一个简单的函数，它允许我们向创建的对象添加一些逻辑并返回创建的对象。工厂还用于以可重用代码的形式创建/返回功能，该函数可在应用程序中的任何位置使用。每当我们使用工厂创建对象时，它总是会为该对象返回一个新实例。工厂返回的对象可以与Angularjs框架的不同组件(例如控制器，服务，过滤器或指令)集成(可注入)。

用：
在实际场景中，工厂通常充当实现应用程序不同功能的功能集合的容器或类。与构造函数一起使用时，可以在不同的Controller中启动它。

句法：

module.factory( 'factoryName', function(){ Custom code....});

例子：
以下示例说明了如何在控制器内部实例化工厂代码以生成随机数

  

    Factory Example 1
  
    
    
    
        var application = angular.module('myApp', []);
  
        application.factory('random', function() {
            var randomObject = {};
            var number = Math.floor(Math.random() * 100);
            randomObject.generate = function() {
                return number;
            };
            return randomObject;
        });
        
        application.controller('thisapp', function($scope, random) {
            $scope.generateRandom = function() {
                $scope.randomNumber = random.generate();
            };
        });
    

  

    GeeksforGeeks
    Factory Examples
    
        
          Generate Random Number
      
        {{randomNumber}}
    

  

输出：

在单击生成随机数按钮时，我们每次都会获得一个不同的数字。在此示例中，我们使用工厂方法定义一个包含变量的函数，并使用Math.random在每次调用此函数时将随机值存储到该变量。然后在控制器中调用此函数，该控制器的$ scope变量携带来自所调用函数的随机值，然后我们将此控制器调用到我们的HTML代码以显示结果。

示例：此示例利用工厂创建一个函数来查找两个数字的加法或减法。然后将此函数加载到控制器$ scope变量中，该变量将它们传递给html代码以显示结果。

  

    Factory Example 2
    
    
    
        var application = angular.module('myApp', []);
  
        application.factory('MyFactoryService', function() {
            var factory = {};
            factory.Subtract = function(a, b) {
                return a - b;
            };
            factory.Add = function(a, b) {
                return a + b;
            };
            return factory;
        });
  
        application.controller('thisapp', function(
                               $scope, MyFactoryService) {
            $scope.result = function() {
                $scope.results = 
                  MyFactoryService.Subtract($scope.num1, $scope.num2)
            };
            $scope.result2 = function() {
                $scope.results = 
                  MyFactoryService.Add($scope.num1, $scope.num2)
            };
        });
    

  

    GeeksforGeeks
    Factory Example 2
    
        
            Enter A Number:
            
             Enter A Number:
            
            
        
        Subtract
        Add
        Results: {{results}}
    

  

输出：
前：

输入输入后，单击加/减按钮显示结果：