首页 > 代码库 > angularjs $resource用法小结

angularjs $resource用法小结


备注:个人小结,仅供参考,欢迎纠正

1、注入resource

var studentService =angular.module(‘studentServiceApp‘, [

    ‘ngAnimate‘,

    ‘ngCookies‘,

    ‘ngResource‘

  ]);

2、

studentService.config([‘$httpProvider‘,‘app‘,

    function ($httpProvider) {

       $httpProvider.defaults.headers.common[‘Authorization‘]="";

    }

])

3、写服务可访问服务器上的数据也可以访问本地数据 

studentService.factory(‘restAPI‘, [‘$resource‘,function ($resource) {

       var ip="http:/v1";

       return {

        citys: $resource(ip+‘/city‘),//访问其他主机数据

        studentbyname: $resource(ip+‘/studentinformation/:id‘,{id:‘@id‘}),

        provinceandcitys:$resource(‘../json/ProvinceAndCityJson.json‘),//访问本地数据

         };

        }

    ]);

4、注入到Controler中

student

     var  studentAPI=app.restAPI.studentbyname;

   //带参数

    studentAPI.get({id:**},function(data){

        //data为服务器上的数据或者本地数据

        },function(data){

        //data

        });

    //不带参数

     app.restAPI.provinceandcitys.get( function (data) {

         $scope.citys=data.province;

         }, function (data) {

       }); 

}


angularjs $resource用法小结