失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > AngularJS(二)——使用AngularJS自定义service

AngularJS(二)——使用AngularJS自定义service

时间:2022-01-18 00:34:29

相关推荐

AngularJS(二)——使用AngularJS自定义service

与 Java 相似, AngularJS 中的 controller 应该尽可能保持短小精悍,不提倡在 controller 中进行 DOM 操作和数据操作。先来看一个臃肿、难以维护的 controller :

varapp=angular.module(APPModule,[]);app.controller(MainController,function($scope){$scope.shouldShowLogin=true;$scope.showLogin=function(){$scope.shouldShowLogin=!$scope.shouldShowLogin;};$scope.clickButton=function(){$(#btnspan).html(Clicked);};$scope.onLogin=function(user){$http({method:POST,url:/login,data:{user:user}}).success(function(data){//SomeActions});};});

coding 初学者总是倾向于写这种代码。更加优雅的方法是通过使用 service 和 directive 使 controller 更轻量,更易于维护。下面来看看如何自定义并使用service 。

1.通过 factory()创建自定义 service

varapp=angular.module(APPModule,[]);app.factory(UserService,[$http,function($http){varrunLogin=function(user){$http({method:POST,url:/login,data:{u

如果觉得《AngularJS(二)——使用AngularJS自定义service》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。