注册登录

【AngularJS】简介AngularJS中使用factory和service的方法

时间:2016-02-12 13:13 来源: 我爱IT技术网作者:佚名

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【简介AngularJS中使用factory和service的方法】，下面是详细的讲解！

简介AngularJS中使用factory和service的方法

<html>
<head>
  <title>Angular JS Forms</title>
</head>
<body>
  <h2>AngularJS Sample Application</h2>
  <div ng-app="mainApp" ng-controller="CalcController">
   <p>Enter a number: <input type="number" ng-model="number" />
   <button ng-click="square()">X<sup>2</sup></button>
   <p>Result: {{result}}</p>
  </div>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
  <script>
   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); 
     }
   });

   mainApp.controller('CalcController', function($scope, CalcService) {
      $scope.square=function() {
      $scope.result=CalcService.square($scope.number);
     }
   });
  </script>
</body>
</html>

关于简介AngularJS中使用factory和service的方法的用户互动如下：

　　相关问题：angularJs中service、factory、controller之间的区...

　　答：controller专注于业务场景，即为特定的场景服务，所以不要重用controller，推荐通过小范围划分controller，使用父子作用域来满足业务场景。 factory提供一些公共的方法函数，推荐抽象，重用factory。 service类似factory，会被实例化，可以保存... >>详细

　　相关问题：怎么理解angularjs中的服务

　　答：AngularJS中的服务其实就是提供一种方式抽取共用类库比如说一些工具类方法，我们传统的做法就是自己写个 utility 类，把相关的工具方法填充到utility里面去，最后把utility类放到一个全局的变量中，这样任何地方都可以调用utility的方法。如果... >>详细

　　相关问题：如何测试AngularJS中的Service

　　答：Service的典型示例在AngularJS中，Service都是单例的实体，通常会将Service作为向后台交互的数据提供者，所有的需要数据的组件只需要依赖于这个Service即可。 var app = angular.module('MyApp', []); app.factory('SearchSettingService', ['$... >>详细

评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）

【AngularJS】简介AngularJS中使用factory和service的方法

简介AngularJS中使用factory和service的方法

关于简介AngularJS中使用factory和service的方法的用户互动如下：

第一章 JavaScript （基础）

第二章 JavaScript（高级）