AngularJS 自定义服务

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('频道配置拉取成功');
		});
    };
);
时间: 2024-09-26 00:40:21

AngularJS 自定义服务的相关文章

Angularjs 自定义服务的三种方式(推荐)_AngularJS

AngularJS简介: AngularJS 通过新的属性和表达式扩展了 HTML. AngularJS 可以构建一个单一页面应用程序(SPAs:Single Page Applications). AngularJS 学习起来非常简单. angularjs 中可通过三种($provider,$factory,$service)方式自定义服务,以下是不同的实现形式: // 定义module , module中注入$provide var starterApp = angular.module('

AngularJS自定义服务与fliter的混合使用_AngularJS

angular中,Filter是用来格式化数据用的,比如项目中,有很多时候从后台拿来的数据直接显示用书是不明白其含义的,这时候我们需要自己格式化一下后再显示在界面上,传统的j我们需要些一长串代码,各种影射,而angular给我们提供的filter,确实要简介很多. 下面给大家介绍下angularJS自定义服务与fliter的混合使用,一起看看吧.  1. 创建自定义服务"$swl" var app = angular.module('myApp', []); app.service(&

angularjs中factory,service,provider 自定义服务的不同

一,factory,service,provider自定义服务,services.js  代码如下 复制代码 'use strict'; /* Services */ var phonecatServices = angular.module('phonecatServices', []); phonecatServices.factory('facetorytest', ['$window',         //factory方式     function($window){        

AngularJS 自定义指令详解及实例代码_AngularJS

AngularJS支持用户自定义标签属性,在不需要使用DOM节点操作的情况下,添加自定义的内容. 前面提到AngularJS的四大特性: 1 MVC 2 模块化 3 指令 4 双向数据绑定 下面将会介绍如下的内容: 1 如何自定义指令 2 自定义指令的使用 3 自定义指令的内嵌使用 如何自定义指令: Angular是基于模块的框架,因此上来肯定要创建一个自己的模块: var myAppModule = angular.module("myApp",[]); 然后在此模块基础上创建指令d

AngularJS 自定义指令详解及示例代码_AngularJS

自定义指令中使用AngularJS扩展HTML的功能.自定义指令使用的"指令"的功能定义.自定义指令只是替换了它被激活的元素.引导过程中AngularJS应用程序找到了匹配的元素,并做好使用自定义指令compile()方法一次活动再处理使用基于指令的范围自定义指令link()方法的元素. AngularJS提供支持,以下列元素的类型来创建自定义指令. Element directives - 指令遇到时激活一个匹配的元素. Attribute - - 指令遇到时激活一个匹配的属性. C

angularjs自定义ng-model标签的属性_AngularJS

有的时候我们需要为非input类型的元素添加ng-model来实现双向的数据绑定,从而减少冗余代码,那么可以尝试一下的方式 例如:我页面中使用了contenteditable这个属性来实现用户可直接编译的div元素 html: <style> .text{ margin:0 auto; width:100px; height:50px; border:1px solid red; } </style> </head> <body> <div ng-co

JAVA之旅(三十四)——自定义服务端,URLConnection,正则表达式特点,匹配,切割,替换,获取,网页爬虫

JAVA之旅(三十四)--自定义服务端,URLConnection,正则表达式特点,匹配,切割,替换,获取,网页爬虫 我们接着来说网络编程,TCP 一.自定义服务端 我们直接写一个服务端,让本机去连接,可以看到什么样的效果 package com.lgl.socket; import java.io.IOException; import java.io.PrintWriter; import java.net.ServerSocket; import java.net.Socket; publ

Android实现在ServiceManager中加入自定义服务的方法详解

本文实例讲述了Android实现在ServiceManager中加入自定义服务的方法.分享给大家供大家参考,具体如下: 当我们要使用android的系统服务时,一般都是使用Context.getSystemService方法.例如我们要获取AudioManager,我们可以: AudioManager am = (AudioManager) getSystemService(Context.AUDIO_SERVICE); 获取的服务,其实是在ServiceManager中注册的Binder服务,

angular 自定义服务

AngularJS支持使用服务的体系结构"关注点分离"的概念.服务是JavaScript函数,并负责只做一个特定的任务.这也使得他们即维护和测试的单独实体.控制器,过滤器可以调用它们作为需求的基础.服务使用AngularJS的依赖注入机制注入正常. AngularJS提供例如许多内在的服务,如:$http, $route, $window, $location等.每个服务负责例如一个特定的任务,$http是用来创建AJAX调用,以获得服务器的数据. $route用来定义路由信息等.内置