AngularJS之服务(Service)

2018-04-16 本文已影响0人聂叼叼

AngularJS 中你可以创建自己的服务，或使用内建服务。

首先我们来看一下AngularJS中服务是指什么？

在 AngularJS 中，服务是一个函数或对象，可在你的 AngularJS 应用中使用。AngularJS 内建了30 多个服务。

来看一个比较简单的内建服务： $location 服务，它可以返回当前页面的 URL 地址

$location 服务

注意：$location 服务是作为一个参数传递到 controller中。如果要使用它，需要在 controller 中定义。

为什么要使用服务？

在很多服务中，比如 $location 服务，它可以使用 DOM 中存在的对象，类似 window.location 对象，但window.location 对象在 AngularJS 应用中有一定的局限性。AngularJS 会一直监控应用，处理事件变化， AngularJS 使用$location服务比使用window.location对象更好。

$location vs window.location

window.location $location.service

目的：允许对当前浏览器位置进行读写操作：允许对当前浏览器位置进行读写操作

API ：暴露一个能被读写的对象：暴露jquery风格的读写器

是否在AngularJS应用生命周期中和应用整合：否：可获取到应用生命周期内的每一个阶段，并且和$watch整合

是否和HTML5 API的无缝整合：否：是（对低级浏览器优雅降级）

和应用的上下文是否相关？否 window.location.path返回"/docroot/actual/path"是，$location.path()返回"/actual/path"

接下来看一下几个比较常用的服务：

1、$http 服务

$http 是 AngularJS 应用中最常用的服务。服务向服务器发送请求，应用响应服务器传送过来的数据。