您现在的位置是:首页 > Javascript
当前栏目
[angularjs] angularjs系列笔记(五)Service
2023-02-18 15:49:57 时间
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>
相关文章
- 分享一个Javascript通过正则表达式验证E-Mail地址有效性的函数
- 分享一个用jQuery实现自动检测并设置浏览器编码的实例
- Spring Boot中的Freemarker模版引擎引用css和js的正确姿势
- Node.js解压版的环境配置及相关常用命令
- JSP学习笔记(6)—— 自定义MVC框架
- JSP学习笔记(5)——Servlet、监听器、过滤器、MVC模式介绍
- Jsp学习笔记(4)——分页查询
- JSP学习笔记(3)——JSTL 标签库
- JSP学习笔记(1)——Jsp指令、动作元素和内置对象
- echarts map地图中绘制浙江省市区县乡镇多级联动边界下钻的最新geojson数据文件获取和更新
- ArcGIS QGIS学习一:打开shp、geojson地图变形变扁问题(附最新坐标边界下载全国省市区县乡镇)
- 从区划边界geojson中查询经纬度坐标对应的省市区县乡镇名称,开源Java工具,内存占用低、高性能
- 全国省市区县和乡镇街道行政区划矢量边界坐标经纬度地图最新数据免费下载 支持shp geojson json sql格式
- 几行代码把Chrome搞崩溃之:HTML5 MP3录音由ScriptProcessorNode升级成AudioWorkletNode采坑记
- JavaScript ES6 Promise对象
- Web前端——JavaScript扩展补充
- Web前端——表单提交和Js添加选项
- Web前端——JavaScript练习
- Web前端——JavaScript笔记
- 从高德采集最新的省市区三级坐标和行政区域边界,用js在浏览器中运行