📌  相关文章
📜  AngularJS-服务

📅  最后修改于: 2020-10-27 02:53:16             🧑  作者: Mango

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

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

创建服务有两种方法-

  • 厂
  • 服务

使用工厂方法

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

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

使用服务方式

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

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

例

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

testAngularJS.htm

现场演示
Angular JS Services
      
   
   
   
      
AngularJS Sample Application

      
      

         
Enter a number: 

         
         
Result: {{result}}

输出

在网络浏览器中打开文件testAngularJS.htm并查看结果。