AngularJS学习(四)—— 服务Services.docxVIP

AngularJS学习（四）——服务ServicesServices简介angular的services非常适合用依赖注入的方式将对象组合在一起，你能用services跨app去组合和分享你的代码。?angular services有以下两个特点：?1.延迟实例化——当有app的组件依赖它的时候才会去实例化。?2.单例模式——app的组件调用services时，只会获得一个services工厂实例化后的引用。Services使用使用services很简单，你只需为app的组件增加依赖即可，angular的DI系统为了做剩下的事情。useservices.htmlscriptsrc=../script/angular.min.js/scriptscriptsrc=script.js/scriptbodyng-app=myServiceModuledivid=simpleng-controller=MyControllerpLets try this simple notify service, injected into the controller.../pinputng-init=message=testng-model=message buttonng-click=callNotify(message);NOTIFY/buttonp(you have to click 3 times to see an alert)/p/div/bodyscript.js(function(angular) { use strict;angular.module(myServiceModule, []).controller(MyController, [$scope, notify, function ($scope, notify) { $scope.callNotify = function(msg) {notify(msg); }; }]).factory(notify, [$window, function(win) {varmsgs = [];return function(msg) {msgs.push(msg);if (msgs.length == 3) {win.alert(msgs.join(\n));msgs = []; } }; }]);})(window.angular);Services创建开发者可以通过使用module注册services名称和services的工厂方法来定义services。?services的工厂方法可以返回一个单例对象或者函数。该对象或函数可以任意注入到依赖于该services的组件中。Services注册services可以使用module API来注册，通常使用module 工厂api来注册。varmyModule = angular.module(myModule, []);myModule.factory(serviceId, function() {varshinyNewServiceInstance;// factory function body that constructs shinyNewServiceInstancereturnshinyNewServiceInstance;});注意你注册的不是一个services实例，仅仅是一个services的工厂方法，只有当被调用时才会进行实例化。Dependenciesservices也可以有自己的依赖，就像在controller中声明依赖一样，services可以在他的工厂方法中声明依赖。?下面的示例module有两个services，每个services有不同的依赖。varbatchModule = angular.module(batchModule, []);/** * The `batchLog` service allows for messages to be queued in memory and flushed * to the console.log every 50 seconds. * * @param {*} message Message to be logged. */batchModule.factory(batchLog, [$interval, $log, function($interval, $log) {varmessageQueue = [];function log() {if (messageQueue.length) {$log.log(batchLog messages: , messag