AngularJS 自定义服务

简介: angular中的service叫做服务,用来封装常用的函数。就像java中的Util类一样。 定义 以PathUtil服务为例,定义见下: 'use strict';/** * url的前缀固定,后缀会变,所以封装成服务,减少代码量 */angular.module('myApp') .service('PathUtil', function PathUtil() {

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('频道配置拉取成功');
		});
    };
);


目录
相关文章
|
移动开发 前端开发 JavaScript
AngularJS 技术深入解析
AngularJS 是一个流行的 JavaScript 框架,用于构建动态的单页面应用程序(SPA)。它提供了一种优雅而强大的方式来开发前端应用,具有出色的数据绑定、模块化和可扩展性等特性。本文将深入探讨 AngularJS 的一些关键技术。
118 0
|
JavaScript
AngularJs错误
AngularJs错误
92 0
|
JSON 前端开发 JavaScript
总结—angularjs项目
总结—angularjs项目
247 0
总结—angularjs项目
|
Web App开发 JavaScript 前端开发