English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

خدمات AngularJS

AngularJS支持使用服务体系结构的关注点分离的概念。服务是JavaScript函数,仅负责执行特定任务。这使它们成为可维护和可测试的单个实体。控制器和过滤器可以根据需要调用它们。通常使用AngularJS的依赖项注入机制注入服务。

AngularJS提供了许多内置服务。例如,$http,$route,$window,$location等。每个服务负责特定任务,例如$http用于进行ajax调用以获取服务器数据,$route用于定义路由信息,等等。内置服务始终以$符号为前缀。

创建服务有两种方法-

  • Factory(工厂)

  • Service(服务)

使用Factory(工厂)方法

在此方法中,我们首先定义一个工厂,然后为其分配方法。

var mainApp = angular.module("mainApp", []);mainApp.factory('MathService', function() {
   var factory = {};
   
   factory.multiply = function(a, b) {
      return a * b
   }
   
   return factory;});

使用 Service(服务)方法

在此方法中,我们定义一个服务,然后为其分配方法。我们还向它注入了已经可用的服务。

mainApp.service('CalcService', function(MathService) {
   this.square = function(a) {
      return MathService.multiply(a, a);
   }});

在线示例

以下示例显示了上述所有指令的使用-

testAngularJS.htm


   
      Angular JS Services
      
      </script>
   
   
   
      

AngularJS 服务(Service)应用示例 

                       

输入一个数字: 

         X2          

结果: {{result}}