你的位置:首页 > 软件开发 > Java > 前端MVC学习笔记(三)——AngularJS服务、路由、内置API、jQueryLite

前端MVC学习笔记(三)——AngularJS服务、路由、内置API、jQueryLite

发布时间:2017-01-12 12:05:45
一、服务AngularJS功能最基本的组件之一是服务(Service)。服务为你的应用提供基于任务的功能。服务可以被视为重复使用的执行一个或多个相关任务的代码块。AngularJS服务是单例对象,这意味着只有一个实例被创建过,服务使用AngularJS的依赖注入机制来定义和注册。 ...

前端MVC学习笔记(三)——AngularJS服务、路由、内置API、jQueryLite

一、服务

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

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。