您现在的位置是:首页 > Javascript
当前栏目
[angularjs] angularjs系列笔记(五)Service
2023-02-18 15:47:16 时间
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>
相关文章
- rollup.js 初体验
- vivo悟空活动中台-打造 Nodejs 版本的MyBatis
- 前端科普系列(3):CommonJS 不是前端却革命了前端
- 前端科普系列(2):Node.js 换个角度看世界
- 探究JS V8引擎下的“数组”底层实现
- JavaScript 引擎 V8 执行流程概述
- 如何编写高质量的 JS 函数(4) --函数式编程[实战篇]
- 为什么 JavaScript 中 0.1+0.2 不等于 0.3 ?
- Javascript之旅——终点站:困惑的settimeout
- Javascript之旅——第十一站:原型也不好理解?
- Javascript之旅——第十站:为什么都说闭包难理解呢?
- Javascript之旅——第九站:吐槽function
- Javascript之旅——第八站:说说instanceof踩了一个坑
- Javascript之旅——第七站:说说js的调试
- Javascript之旅——第六站:看看writable特性
- Javascript之旅——第五站:说说那些所谓的包装类型
- Javascript之旅——第四站:parseInt中要注意的坑
- Javascript之旅——第三站:几个需要注意的运算符
- Javascript之旅——第二站:对象和数组
- Javascript之旅——第一站:从变量说起