AngularJS基于factory如何创建自定义服务

/*js*/
var app = angular.module("routingDemoApp",[]);
app.factory("showName",function(){
  var NameFactory = {};
  NameFactory.name = "张三";
  return NameFactory;
});
app.controller("showTheName",function($scope,showName){
  $scope.name = showName.name;
});

  
    
      
      
        名
        种类
        价格
        保质期
      
      
      
      
        没有数据
      
      
        
        
        
        
      
      
    
    
加载JSON数据
  

/*JS*/
app.factory("loadJSON",function($http,$q){
  var loadJson ={};
  loadJson.loadjson = function(){
    var d = $q.defer();
    $http({
      url:"json.json",
      method:"GET"
    })
      .success(function(response){
      d.resolve(response);
    })
      .error(function(){
        d.reject(alert("出错"));
      });
    return d.promise;
  };
  return loadJson;
});
app.controller("AjaxJson",function($scope,loadJSON){
  $scope.LoadJson = function () {
    loadJSON.loadjson().then(function(data){
      $scope.products = data;
    },function(){
      alert("出错");
    })
  }
});

步骤如下：

1）将$http，$q 注入到匿名函数中。
2）创建一个变量对象，命名为loadJson。
3）在该对象中创建一个方法，命名为loadjson()。
4）创建一个变量d，赋予它$q.difer()方法。
5）使用http({})创建一个promise对象，并返回该promise对象。
6）返回ladJson对象。服务创建完毕。
7）在控制器中注入该服务，使用then()方法对自定义服务返回的承诺进行操作。

感谢你能够认真阅读完这篇文章，希望小编分享的“AngularJS基于factory如何创建自定义服务”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!