AngularJS 自定义服务

最新推荐文章于 2020-01-20 17:07:14 发布

原创最新推荐文章于 2020-01-20 17:07:14 发布 · 804 阅读

0 ·

CC 4.0 BY-SA版权

天天开心

网站前端专栏收录该内容

40 篇文章

订阅专栏

本文详细介绍了Angular中的服务概念及其应用，以PathUtil服务为例，展示了如何封装常用函数来减少代码量，并通过控制器调用服务进行实际操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

angular中的service叫做服务，用来封装常用的函数。就像java中的Util类一样。

定义

以PathUtil服务为例，定义见下：

'use strict';
/**
 * url的前缀固定，后缀会变，所以封装成服务，减少代码量
 */
angular.module('myApp')
  .service('PathUtil', function PathUtil() {
	var rootPath = 'http://127.1.2.3/CepWebservice/';
    this.getUrl = function (relativeUrl) {
      return rootPath + relativeUrl;
    };
  });

调用

'use strict';
angular.module('myApp')
//自定义的PathUtil服务被当做单例传入
  .controller('ChannelCtrl', function ($scope,$http,PathUtil,toastr) {
    	$http
		.get(PathUtil.getUrl("channel"))
		.success(function(response) {
			 $scope.channelList=response;
			 toastr.success('频道配置拉取成功');
		});
    };
);