与 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》对你有帮助,请点赞、收藏,并留下你的观点哦!