@{

     Layout = null;

 }

 <!DOCTYPE html>

 <html>

 <head>

     <meta name="viewport" content="width=device-width" />

     <title>Resource</title>

     <script src="~/Scripts/angular.min.js"></script>

     <script src="~/Scripts/angular-resource.min.js"></script>

     <script type="text/javascript">

         var m1 = angular.module("myApp", ["ngResource"]);

         m1.controller("firstController", ["$scope", "$resource", function ($scope, $resource) {

             var data = $resource(":name", { id: '@@id' }); //name 会被替换掉,传参用@符号

             //也可以这样写   var data = $resource(":name",{name:getData});//第二个参数就是用来传参

             // var data = $resource(":name",{id,@@id},

             //{getAge:{method:"get",params:{age:'20'},isArray:false},

             //getSex:{method:"get",params:{sex:'男'},isArray:false}

         //});//第三个参数就是用来自定义方法的isArray为true表示是query如果是false表示是get，第三个参数可以自定义多个方法

             //支持的方法

             /*

             {

              "get":{method:"get"},

              "save":{method:"post"},

              "query":{method:"get",isArray:true},

              "remove":{method:"delete"},

              "delete":{method:"delete"}

             }

             */

             $scope.data = data.get({ "name": "getData" }, { id: 20 }, function (data) {//Get请求并传参 ,GET只能取一条数据

             });

             $scope.data1 = data.query({ "name": "getDataList" }, function (data) {//查询多条就得用query

             });

             //第三种方法

          //   $scope.data2 = data.getAge({ id: 21 });

             console.log(data);

             //使用GET请求去请求数据

             //  console.log(obj);

             //  var objRe = $resource("", {});

         }]);

     </script>

 </head>

 <body>

     <div ng-app="myApp">

         <div ng-controller="firstController">

             {{data.name}}

             {{data.age}}

             <ul>

                 <li ng-repeat="d in data1">

                     {{d.name}}-{{d.age}}

                 </li>

             </ul>

         </div>

     </div>

 </body>

 </html>

AngularJs练习Demo19 Resource的更多相关文章

  1. 黄聪：AngularJS中的$resource使用与Restful资源交互（转）

    原文:http://blog.csdn.net/he90227/article/details/50525836 1.AngularJS中的 $resource 这个服务可以创建一个资源对象,我们可以 ...

  2. AngularJS中使用$resource

    这个服务可以创建一个资源对象,我们可以用它非常方便地同支持RESTful的服务端数据源进行交互,当同支持RESTful的数据模型一起工作时,它就派上用场了.      REST是Representat ...

  3. AngularJS Best Practices: resource

    A factory which creates a resource object that lets you interact with RESTful server-side data sourc ...

  4. AngularJs练习Demo18 Resource

    @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport&quo ...

  5. 浅谈AngularJS中使用$resource

    这个服务可以创建一个资源对象,我们可以用它非常方便地同支持RESTful的服务端数据源进行交互,当同支持RESTful的数据模型一起工作时,它就派上用场了. REST是Representational ...

  6. AngularJS Resource：与 RESTful API 交互

    REST(表征性状态传输,Representational State Transfer)是Roy Fielding博士在2000年他的博士论文中提出来的一种软件架构风格.RESTful风格的设计不仅 ...

  7. angularJS $resource与后台restapi的对应关系

    REST(表征性状态传输,Representational State Transfer)是Roy Fielding博士在2000年他的博士论文中提出来的一种软件架构风格.RESTful风格的设计不仅 ...

  8. 前端使用AngularJS的$resource,后端ASP.NET Web API，实现增删改查

    AngularJS中的$resource服务相比$http服务更适合与RESTful服务进行交互.本篇后端使用ASP.NET Web API, 前端使用$resource,实现增删改查. 本系列包括: ...

  9. angularjs springMVC 交互

    AngularJS中的$resource使用与Restful资源交互 1.AngularJS中的 $resource 这个服务可以创建一个资源对象,我们可以用它非常方便地同支持RESTful的服务端数 ...

随机推荐

  1. smarty 变量调节器

    变量调节器:<{$a|变量调节器}> 了解更多可以查询smarty手册 主要修改此页面的信息来了解变量调节器:main.php/main.html(0603) 1.利用给定的变量调节器 c ...

  2. 微软office MIME类型

      后缀 MIME 類型 .docx application/vnd.openxmlformats-officedocument.wordprocessingml.document .docm app ...

  3. ServletContext对象的应用

    由于一个WEB应用中的所有Servlet共享同一个ServletContext对象,因此Servlet对象之间可以通过ServletContext对象来实现通讯.ServletContext对象通常也 ...

  4. Domj4读取xml文件

    节点: Iterator Element.nodeIterator(); //获取当前标签节点下的所有子节点 标签: Element Document.getRootElement(); //获取xm ...

  5. String对象

    <script type="text/javascript"> /* var str1 = new String("hello"); var str ...

  6. 文件头 MAGE_FILE_HEADER

    IMAGE_FILE_HEADER这个结构的定义如下: typedef struct _IMAGE_FILE_HEADER { 00h WORD Machine; //运行平台 02h WORD Nu ...

  7. 复杂事件处理引擎—Esper入门

    说明: 以下内容,可以参考Esper官方网站<Qucik start & Tutorial >(顺序做了部分调整). PS:因为英语水平有限(大学期间刚过CET4的英语小盲童一枚) ...

  8. 防止ajax非正常访问

    http://www.cnblogs.com/yagzh2000/archive/2013/06/09/3128042.html http://www.cnblogs.com/henw/archive ...

  9. Linux企业级项目实践之网络爬虫（29）——遵守robots.txt

    Robots协议(也称为爬虫协议.机器人协议等)的全称是"网络爬虫排除标准"(Robots Exclusion Protocol),网站通过Robots协议告诉搜索引擎哪些页面可以 ...

  10. linux内存管理子系统

    一.Linux内存管理模型 1.虚拟地址与物理地址的映射 2.物理地址的分配二.虚拟地址与物理地址的映射 1.虚拟地址空间分布 32位处理器有32根地址总线,可访问4G的物理空间.其中有0-3G为用户 ...