[angularjs] angularjs系列笔记（五）Service
AngularJs中你可以使用自己的服务或使用内建服务，服务是一个函数或对象，以下代码试验$location服务，$http服务，$timeout服务，$intverval服务，创建自定义服务
<body>
<div ng-app="Home">
<div ng-controller="Index">
显示当前url
<p>{{myUrl}}</p>
</div>
<div ng-controller="httpTest">
展示http服务
<p>{{myHttp}}</p>
</div>
<div ng-controller="timeoutTest">
展示timeout服务
<p>{{myName}}</p>
</div>
<div ng-controller="intervalTest">
展示interval服务
<p>{{myTime}}</p>
</div>
<div ng-controller="serviceTest">
展示创建自定义Service
<p>{{loginStatus}}</p>
</div>
</div> </body> <script type="text/javascript">
//实例化应用对象，参数：模块名，空数组
var app=angular.module("Home",[]);
//调用Application对象的controller()方法
app.controller("Index",function($scope,$location){
$scope.myUrl=$location.absUrl();
});
//测试$http
app.controller("httpTest",function($scope,$http){
$http.get("index1.html").then(function(res){
$scope.myHttp=res.data;
});
});
//测试$timeout
app.controller("timeoutTest",function($scope,$timeout){
$scope.myName="taoshihan"
$timeout(function(){
$scope.myName="陶士涵"
},2000);
});
//测试$interval
app.controller("intervalTest",function($scope,$interval){
$scope.myName="taoshihan"
$interval(function(){
$scope.myTime=new Date().toLocaleTimeString();
},1000);
}); //测试自定义Service
//调用Application对象的service()方法，参数：名称，匿名函数
app.service("LoginService",function(){
this.check=function(username,password){
if(username=="1"&&password=="1"){
return true;
}else{
return false;
}
}
});
app.controller("serviceTest",function($scope,LoginService){
res=LoginService.check(1,1);
if(res){
$scope.loginStatus="登陆成功";
}else{
$scope.loginStatus="登陆失败";
}
});
</script>
[angularjs] angularjs系列笔记（五）Service的更多相关文章
- AngularJs学习笔记--Managing Service Dependencies
原版地址:http://docs.angularjs.org/guide/dev_guide.services.managing_dependencies angular允许service将其他ser ...
- angularjs自动化测试系列之jasmine
angularjs自动化测试系列之jasmine jasmine参考 html <!DOCTYPE html> <html lang="en"> <h ...
- angularjs自动化测试系列之karma
angularjs自动化测试系列之karma karma test with jasmine 更好的利用工具是为了让生活更美好. 需要安装的东西: npm install karma -g mkdir ...
- AngularJS进阶(三十三)书海拾贝之简介AngularJS中使用factory和service的方法
简介AngularJS中使用factory和service的方法 AngularJS支持使用服务的体系结构"关注点分离"的概念.服务是JavaScript函数,并负责只做一个特定的 ...
- AngularJS路由系列(6)-- UI-Router的嵌套State
本系列探寻AngularJS的路由机制,在WebStorm下开发.本篇主要涉及UI-Route的嵌套State. 假设一个主视图上有两个部分视图,部分视图1和部分视图2,主视图对应着一个state,两 ...
- AngularJS路由系列(5)-- UI-Router的路由约束、Resolve属性、路由附加数据、路由进入退出事件
本系列探寻AngularJS的路由机制,在WebStorm下开发.主要包括: ● UI-Router约束路由参数● UI-Router的Resolve属性● UI-Router给路由附加数据● UI- ...
- AngularJS路由系列(4)-- UI-Router的$state服务、路由事件、获取路由参数
本系列探寻AngularJS的路由机制,在WebStorm下开发.主要包括: ● UI-Router的$state服务● UI-Router的路由事件● UI-Router获取路由参数 Angular ...
- AngularJS路由系列(3)-- UI-Router初体验
本系列探寻AngularJS的路由机制,在WebStorm下开发. AngularJS路由系列包括: 1.AngularJS路由系列(1)--基本路由配置2.AngularJS路由系列(2)--刷新. ...
- AngularJS路由系列(2)--刷新、查看路由,路由事件和URL格式，获取路由参数，路由的Resolve
本系列探寻AngularJS的路由机制,在WebStorm下开发.主要包括: ● 刷新路由● 查看当前路由以及所有路由● 路由触发事件● 获取路由参数 ● 路由的resolve属性● 路由URL格式 ...
- AngularJS路由系列(1)--基本路由配置
本系列探寻AngularJS的路由机制,在WebStorm下开发.主要包括: ● 路由的Big Picture ● $routeProvider配置路由 ● 使用template属性 ● 使用temp ...
随机推荐
- JavaScript视频分享，学无止境。
http://blog.sina.com.cn/s/blog_735ed39a0102voy3.html
- Maven package 报错解决记录以及编译scala的pom.xml
可以打包的pom.xml: <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http:/ ...
- [转] KVM I/O slowness on RHEL 6
KVM I/O slowness on RHEL 6 http://www.ilsistemista.net/index.php/virtualization/11-kvm-io-slowness-o ...
- MySQL--Double Write
##=======================================##目前大部分服务器使用4K或512B来格式化磁盘,而Innodb存储引擎使用默认16K的数据页,在写入16KB数据页 ...
- CentOS 7 - 更新JDK，删除旧JDK，安装新JDK
一,检查是否安装JDK. yum list installed | grep java 二,删除旧JDK. yum -y remove java-1.7.0-openjdk* yum -y remov ...
- Android屏幕相关的概念
1. 屏幕尺寸 实际的物理尺寸,作为屏幕的对角线测量. 为简单起见,安卓所有的实际屏幕尺寸为四个广义的大小:小,正常,大,和特大. 2. 屏幕密度 一个屏幕的物理区域内像素的数量:通常称为DPI(每英 ...
- 吴恩达机器学习笔记26-样本和直观理解1（Examples and Intuitions I）
从本质上讲,神经网络能够通过学习得出其自身的一系列特征.在普通的逻辑回归中,我们被限制为使用数据中的原始特征
- python 安装 reportlab 报错 “ImportError: No module named reportlab.lib”
reportlab是什么? 是一个处理PDF和画图的python开源库． 初次安装: pip install reportlab 重新安装: pip install --upgrade --force ...
- 卷积神经网络CNN的原理（一）－－－基本概念
什么是卷积神经网络呢?这个的确是比较难搞懂的概念,特别是一听到神经网络,大家脑海中第一个就会想到复杂的生物学,让人不寒而栗,那么复杂啊．卷积神经网络是做什么用的呢?它到底是一个什么东东呢? 卷积神经网 ...
- ubuntu 16.04 清空log文件的方法
由于ubuntu日志文件syslog 和 kern.log 时刻在增长,一会儿就使得根目录文件夹不够用了,需使用如下命令清理 sudo -i 然后输入密码,执行: echo > /var/log ...