一、服务AngularJS功能最基本的组件之一是服务(Service)。服务为你的应用提供基于任务的功能。服务可以被视为重复使用的执行一个或多个相关任务的代码块。AngularJS服务是单例对象,这意味着只有一个实例被创建过,服务使用AngularJS的依赖注入机制来定义和注册。 ...
一、服务
AngularJS功能最基本的组件之一是服务(Service)。服务为你的应用提供基于任务的功能。服务可以被视为重复使用的执行一个或多个相关任务的代码块。
AngularJS服务是单例对象,这意味着只有一个实例被创建过,服务使用AngularJS的依赖注入机制来定义和注册。
可以把服务注入模块、控制器和其它服务。
1.1、内置服务
常见的内置服务如下:
$http 发送http请求
$resource 创建一个可以RESTful服务器端数据源交互对象
$window 浏览器的window元素的jQuery包装
$document 浏览器的document元素的jQuery包装
$rootScope 根作用域的访问
$rootElement 根元素的访问
$cacheFactory 提供键/值对放置到对象缓存
$interval 提供对window.setInterval访问
$timeout 提供对window.setTimeout访问
$cookies 提供对浏览器的cookie的读写访问
$animate 提供动画钩子来同时链接到以CSS和JavaScript为基础的动画
1.1.1、浏览器Window服务($window)
引用浏览器的window对象。默认浏览器的window是全局的根对象。
示例代码:
<!DOCTYPE html><!--指定angular管理的范围--><html ng-app="app01"> <head> <meta charset="UTF-8"> <title>服务</title> </head> <body> <!--指定控制器的作用范围--> <form ng-controller="Controller1" name="form1"> </form> <!--引入angularjs框架--> <script src='/images/loading.gif' data-original="js/angular146/angular.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> //定义模块,指定依赖项为空 var app01 = angular.module("app01", []); //定义控制器,指定控制器的名称,$scope是全局对象 app01.controller("Controller1", ['$scope','$window',function($scope,$win) { $win.alert("调用window服务的alert方法"); }]); </script> </body></html>
原标题:前端MVC学习笔记(三)——AngularJS服务、路由、内置API、jQueryLite
关键词:JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。