@{

     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. C#操作Excel文件（转）

    摘要:本文介绍了Excel对象.C#中的受管代码和非受管代码,并介绍了COM组件在.net环境中的使用. 关键词:受管代码:非受管代码:Excel对象:动态连接库 引言 Excel是微软公司办公自动化 ...

  2. 无效的过程调用或参数: 'Instr'解决方法

    以前我一直使用ASP无组件上传类来上传文件.但是今天又个客户反映说.不能上传.出现错误.,但在我电脑上测试没问题.后来发现客户用的是IE8 于是开始找解决方法 错误如下:Microsoft VBScr ...

  3. STL之优先队列（priority_queue）

    转自网上大牛博客,原文地址:http://www.cnblogs.com/summerRQ/articles/2470130.html 先回顾队列的定义:队列(queue)维护了一组对象,进入队列的对 ...

  4. APKTool用法

    APKTool是GOOGLE提供的APK编译工具,需要JAVA运行环境,推荐使用JDK1.6或者JDK1.7. 如果你想对APK文件进行修改,那么就不可避免的要使用到APKTool.论坛里有很多关于R ...

  5. Ubuntu下Git服务端搭建

    1安装git $ sudo add-apt-repository ppa:git-core/ppa $ sudo apt-get update $ sudo apt-get install git 测 ...

  6. Altium Designer6打印PCB转印纸设置方法

    在学校经常要用热转印法做一些简单的PCB板,自己用的AD6.6,学校的打印店用99的比较多,这就造成打印不方便.为了充分利用自己实验室的打印机,今天买回来两张PCB打印纸.发现用AD6打印同比例的PC ...

  7. 在keil中使用printf()函数的要点

    在keil中printf默认是向串口中发送数据的,所以,如果应用该函数,必须先初始化串口,否则可能引起死机的情况,并且在printf之前应该先将TI置位,摘抄原因如下: 1.printf函数是调用pu ...

  8. 在QT程序中使用cout和cin

    1先输入10个数字,再输出. #include <QtCore/QCoreApplication> #include <QtCore/QList> #include <Q ...

  9. windows 10是如何做到全平台统一的？

    1.EXE本身就是个容器,它可以在ARM平台上包含ARM的native code执行,也可以在x86平台上包含x86的native code执行,本质上无差别(所以麻烦那些说EXE不能在ARM平台上运 ...

  10. jQuery效果-滑动

    index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &l ...