高效利用Angular中内置服务$http、$location等


Posted in Javascript onMarch 22, 2016

AngularJS中为我们提供了众多的内置服务,通过这些内置服务可以轻松的实现一些常用功能。下面对Angular中常用的内置服务进行一下总结。
1.$location服务

$location服务用于返回当前页面的URL地址,示例代码如下:
var app = angular.module('myApp', []); 
app.controller('customersCtrl', function($scope, $location) { 
 $scope.myUrl = $location.absUrl(); 
});

 这里为$scope对象定义了myUrl变量,然后利用$location服务读取到了URL地址并存储到myUrl中。
2..$http服务
$http 是 AngularJS 中最常用的服务,它经常用于服务器的数据传输。下面的例子中服务向服务器发送请求,应用响应服务器传送过来的数据。

var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope, $http) { 
 $http.get("welcome.htm").then(function (response) { 
  $scope.myWelcome = response.data; 
 }); 
});

3.$timeout()服务和$interval()服务
这两个服务的功能对应的是javascript中的setTimeout()和setTimeInterval函数。一个简单的实时更新时间例子如下:

app.controller('myCtrl', function($scope, $interval) { 
 $scope.theTime = new Date().toLocaleTimeString(); 
 $interval(function () { 
  $scope.theTime = new Date().toLocaleTimeString(); 
 }, 1000); 
});

 除了Angular中提供的内置服务外,我们也可以自己定义服务,利用service即可,下面是一个定义服务的基本代码框架:

app.service('hexafy', function() { 
 this.myFunc = function (x) { 
  return x.toString(16); 
 } 
});

定义好服务后,我们可以像使用内置的Angular服务一样使用它:

app.controller('myCtrl', function($scope, hexafy) { 
 $scope.hex = hexafy.myFunc(255); 
});

以上就是针对Angular中常用的内置服务进行的汇总,希望对大家的学习有所帮助。

Javascript 相关文章推荐
jquery获取input的value问题说明
Aug 19 Javascript
document.documentElement的一些使用技巧
Apr 18 Javascript
使用js实现关闭js弹出层的窗口
Feb 10 Javascript
吐槽一下我所了解的Node.js
Oct 08 Javascript
Javascript基础教程之关键字和保留字汇总
Jan 18 Javascript
jquery调取json数据实现省市级联的方法
Jan 29 Javascript
使用node.js中的Buffer类处理二进制数据的方法
Nov 26 Javascript
JavaScript实现打地鼠小游戏
Apr 23 Javascript
jQuery实现手机号正则验证输入及自动填充空格功能
Jan 02 jQuery
React BootStrap用户体验框架快速上手
Mar 06 Javascript
vue cli2.0单页面title修改方法
Jun 07 Javascript
layui监听单元格编辑前后交互的例子
Sep 16 Javascript
BootStrap实用代码片段之一
Mar 22 #Javascript
Javascript中的几种继承方式对比分析
Mar 22 #Javascript
JS函数定义方式的区别介绍
Mar 22 #Javascript
基于javascript制作经典传统的拼图游戏
Mar 22 #Javascript
javascript函数命名的三种方式及区别介绍
Mar 22 #Javascript
javascript仿京东导航左侧分类导航下拉菜单效果
Nov 25 #Javascript
JS中多种方式创建对象详解
Mar 22 #Javascript
You might like
浅谈电磁辐射对健康的影响
2021/03/01 无线电
php+html5实现无刷新图片上传教程
2016/01/22 PHP
php libevent 功能与使用方法详解
2020/03/04 PHP
jquery教程限制文本框只能输入数字和小数点示例分享
2014/01/13 Javascript
javascript嵌套函数和在函数内调用外部函数的区别分析
2016/01/31 Javascript
AngularJS通过$sce输出html的方法
2016/09/22 Javascript
bootstrap table复杂操作代码
2016/11/01 Javascript
jQuery zTree树插件简单使用教程
2017/01/10 Javascript
Vue.js父与子组件之间传参示例
2017/02/28 Javascript
Vue.js开发环境快速搭建教程
2017/03/17 Javascript
jquery实现简单实用的轮播器
2017/05/23 jQuery
React组件之间的通信的实例代码
2017/06/27 Javascript
微信浏览器禁止页面下拉查看网址实例详解
2017/06/28 Javascript
for循环 + setTimeout 结合一些示例(前端面试题)
2017/08/30 Javascript
实例解析Vue.js下载方式及基本概念
2018/05/11 Javascript
如何手写一个简易的 Vuex
2020/10/10 Javascript
Python连接mssql数据库编码问题解决方法
2015/01/01 Python
查看Python安装路径以及安装包路径小技巧
2015/04/28 Python
Python实现快速排序算法及去重的快速排序的简单示例
2016/06/26 Python
浅谈机器学习需要的了解的十大算法
2017/12/15 Python
Python cookbook(数据结构与算法)从序列中移除重复项且保持元素间顺序不变的方法
2018/03/13 Python
python用户管理系统
2018/03/13 Python
python 统计列表中不同元素的数量方法
2018/06/29 Python
Python玩转Excel的读写改实例
2019/02/22 Python
使用python来调用CAN通讯的DLL实现方法
2019/07/03 Python
django之状态保持-使用redis存储session的例子
2019/07/28 Python
opencv之为图像添加边界的方法示例
2019/12/26 Python
Python利用Xpath选择器爬取京东网商品信息
2020/06/01 Python
CSS3 圆角效果
2009/07/15 HTML / CSS
英国领先的在线高尔夫设备零售商:Golfgeardirect
2020/12/11 全球购物
介绍一下UNIX启动过程
2013/11/14 面试题
文员个人求职自荐信
2013/09/21 职场文书
幼儿园运动会入场词
2014/02/10 职场文书
党员个人剖析材料(四风问题)
2014/10/07 职场文书
房产电话营销开场白
2015/05/29 职场文书
vue项目两种方式实现竖向表格的思路分析
2021/04/28 Vue.js