[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>
十年开发经验程序员,离职全心创业中,历时三年开发出的产品《唯一客服系统》
一款基于Golang+Vue开发的在线客服系统,软件著作权编号:2021SR1462600。一套可私有化部署的网站在线客服系统,编译后的二进制文件可直接使用无需搭开发环境,下载zip解压即可,仅依赖MySQL数据库,是一个开箱即用的全渠道在线客服系统,致力于帮助广大开发者/公司快速部署整合私有化客服功能。
开源地址:唯一客服(开源学习版)
官网地址:唯一客服官网
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具