ng自定义服务(利用factory)

ng中我们可以自己定义自己的服务,服务中是一些使用重复率较高的方法。因此有效的使用服务可以提高开发速度。

ng中定义服务的方法有多种,service,factory,provide,在此我只介绍最长用的一种,利用factory

factory会以返回一个对象的形式

app.factory("服务的名字",[function(){

  return{

    getName:function(){

      /........./

    }

  }  

}]);

demo:

services/zct_get_my_right.js

define([‘app‘,‘jquery‘], function (myapp) {    myapp.factory(‘get_my_right‘, [function () {        console.log("get_my_right");        var get_my_right={};//自己定义一个对象        //得到用户的权限        get_my_right.get_right=function(obj){             return(JSON.parse(JSON.parse(obj)));        },        get_my_right=function(){      ....      return ......     }

return get_my_right;//返回一个对象    }])})

使用:

使用服务之前需引入

//创意界面的权限控制器define(["app",‘services/zct_get_my_right‘], function (myapp) {    myapp.controller(‘ideas_first_ctrl‘,        [‘$scope‘,‘$rootScope‘,‘$state‘,‘get_my_right‘, function (s,rs,$state,getRight) {

var my_right=getRight.get_right(localStorage.permission);            console.log(my_right);            if(my_right.ideas.view){//说明此用户有查看全部创意的权限的               // $state.go("home.ideas.allIdeas",{user_right:JSON.stringify(idea_right)});                s.can_see_all_idea=true;                $state.go("home.ideas.allIdeas");            }            else{//此用户没有查看全部创意的权限                //$state.go("home.ideas.myIdeas",{user_right:JSON.stringify(idea_right)});                s.can_see_all_idea=false;                $state.go("home.ideas.myIdeas");            }        }])});
时间: 2024-10-13 19:12:07

ng自定义服务(利用factory)的相关文章

深究AngularJS——自定义服务详解(factory、service、provider)

前言 3种创建自定义服务的方式. Factory Service Provider 大家应该知道,AngularJS是后台人员在工作之余发明的,他主要应用了后台早就存在的分层思想.所以我们得了解下分层的作用,如果你是前端人员不了解什么是分层,那么你最好问问你后台的小伙伴. dao层:就是Model层,在后台时,这一层的作用,就要是写与数据库交互数据的一层,在angularJS里就主要是写ajax的. service层:主查写逻辑代码的,但在angularJS里也可以持久化数据(充当数据容器),以

AngularJS——自定义服务详解(factory、service、provider)

1. factory方式创建的服务,作用就是返回一个有属性有方法的对象.相当于:var f = myFactory(); <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> &l

angularjs 自定义服务

<!DOCTYPE HTML> <html ng-app="myApp"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script src="angular.min.js"></scrip

自定义服务 factory 和 service

1.使用factory 方法 必须有返回值 即return ,factory只是调用普通的function,可以返回任何东西. HTML 代码 <body ng-app="myApp"> <div ng-controller="myCtrl"> <ul> <li>{{data.name}}</li> <li>{{data.age}}</li> <li>{{data.pho

angularJs 自定义服务 provide 与 factory 的区别

<!DOCTYPE html> <html lang="en" ng-app="myApp"> <head> <meta charset="UTF-8" /> <title>Document</title> <script src="angular.min.js" ></script> <script type="t

Angularjs 自定义服务 provide 里 provider 方法 以及 factory、 service 方法以及 provider 供应商的概念

Angularjs 自定义服务 provide 里 provider 方法 以及factory. service 方法以及 provider 供应商的概念 学习要点:1. Angularjs 中的 provider 方法2. Angularjs 中的 factory 方法3. Angularjs 中的 service 方法4. provider 供应商的概念5. 研究 ionic 代码中的 services 当你初试 Angular 时,很自然地就会往 controller 和 scope 里堆

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

angularjs框架学了有一段时间了,感觉很好用.可以把angularjs的app理解成php的class,controller是控制器,而内置服务和自定义服务就可以理解成models了.angularjs的内置服务多,例如:$scope,$rootScope,$http,$q,$resource,$routeProvider等等,下面来说一下怎么自定义服务 一,factory,service,provider自定义服务,services.js 'use strict'; /* Service

AngularJs学习笔记5——自定义服务

前面整理了AngularJs双向数据绑定和自定义指令的相关内容,从手册上看也知道,ng部分还包括过滤器和函数,以及服务等. 过滤器:filter,就是对数据进行格式化,注意管道格式,例如: {{表达式 | number/currency/data/orderBy : " 相应的格式或表达式 "}} 函数:function,应该不用介绍了.这里需要注意的是forEach函数的形参顺序,基本格式如下: 1 var obj={name:"fanfan",age:"

angularJs自定义服务(实现签名和加密)

写在前面: angularJS是google公司主推的js开发优秀框架... 页面展示: 在应用中进行加密是普遍存在的,个人建议在前端实现加密签名(前端加密是否必要来自知乎:http://www.zhihu.com/question/25539382) 对base64.md5.sha1加密算法简单解释: 1.base64是可逆的.对称的加密算法:base64具有64个基本字符组成的基本字符集 base64加密原理: a.base64以3个字节为一组,而一个字节占8个位(bit) b.再把24bi