博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AngularJS 1.x系列:AngularJS服务-Service、Factory、Provider、Value及Constant(5)
阅读量:6507 次
发布时间:2019-06-24

本文共 1277 字,大约阅读时间需要 4 分钟。

1. AngularJS服务

  AngularJS可注入类型包括:Service、Factory、Provider、Value及Constant。

2. Service

  AngularJS Service是封装了一些特定业务逻辑的单例对象在每个应用中只会被实例化一次(由$injector实例化),且延迟加载(需要时才会创建)

  AngularJS Service对外提供方法供其他组件调用。

2.1 AngularJS内置Service对象

  AngularJS内置30多个服务。

  1>. $location:返回当前页面的 URL 地址

    
{
{ url }}

  2>.$timeout:在指定的毫秒数后调用函数或计算表达式,只执行一次

    
{
{ text }}

  3>.$interval:按照指定的周期(以毫秒计)来调用函数或计算表达式,会多次不停地调用执行。

    
{
{ time }}

  不使用 $interval 服务的情况下,运用 $apply显示时间。

    
{
{ time }}

2.2 自定义服务

  AngularJS自定义服务语法格式:

var app = angular.module("app", []);app.service("serviceName", function(){    // 属性、方法});

  其中:

    第一个参数:Service名称

    第二个参数:Service对象的构造函数,可以定义属性和方法来封装处理一些逻辑。

  示例:

    
{
{ time }}

  示例:

    
{
{ time }}

  示例:在自定义的Service中可以注入其他Service对象。

    

3. Factory

 

4. Provider

 

5. Constant

  constant创建的服务用来返回一个常量。

  constant语法格式:

var app = angular.module("app", []);app.constant(name, value);

  其中,

    参数name:创建服务的名称

    value:一个常量,与服务名称对应的常量值或对象。当注入该服务之后,可以直接调用服务名对应的常量。

6. Value

转载地址:http://hpwfo.baihongyu.com/

你可能感兴趣的文章
PHP-权限控制类(转)
查看>>
CSS3秘笈第三版涵盖HTML5学习笔记9~12章
查看>>
bzoj1044木棍分割
查看>>
leetcode-136-Single Number
查看>>
微信小程序笔记<五> 页面管理及生命周期(route)——getCurrentPages()
查看>>
http服务器小项目
查看>>
JS案例:Jq中的fadeOut和fadeIn实现简单轮播(没完善,简单实现)
查看>>
一些数学上的名词及操作
查看>>
C# DataGridVie利用model特性动态加载列
查看>>
IPv6 地址分类
查看>>
<%@ include %>指令和<jsp:include>区别
查看>>
因为文件组 'PRIMARY' 已满 解决办法
查看>>
Flume 读取实时更新的日志文件
查看>>
HDU 2049
查看>>
《Spring1之第十次站立会议》
查看>>
Unity Shader 噪声消融特效 - 剑灵死亡特效
查看>>
Eclipse 自动生成 Ant的Build.xml 配置文件
查看>>
添加一条信息到列表,如果重复就替换,
查看>>
C#基础第五天
查看>>
python 小数相加报错 invalid literal for int() with base 10
查看>>