@{

     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. Nginx并发访问优化

    Nginx反向代理并发能力的强弱,直接影响到系统的稳定性.安装Nginx过程,默认配置并不涉及到过多的并发参数,作为产品运行,不得不考虑这些因素.Nginx作为产品运行,官方建议部署到Linux64位 ...

  2. C++学习笔记1——const

    Const 限定符 1. 等价 //const对象必须初始化//C++中const修饰的变量不能改变//C中const修饰的变量可以通过指针修改 2. ; const int j = i;//变量给常 ...

  3. HBase笔记--filter的使用

    HBASE过滤器介绍: 所有的过滤器都在服务端生效,叫做谓语下推(predicate push down),这样可以保证被过滤掉的数据不会被传送到客户端. 注意:        基于字符串的比较器,如 ...

  4. jquery升级到新版本报错[jQuery] Cannot read property ‘msie’ of undefined错误的解决方法(转)

    最近把一个项目的jQuery升级到最新版,发现有些页面报错Cannot read property 'msie' of undefined.上jQuery网站上搜了一下,原因是$.browser这个a ...

  5. ioctl函数，可以获取ip地址，修改ip地址,网卡地址等

    部分转自http://www.cnblogs.com/zht-blog/p/4025903.html #include <sys/types.h>#include <sys/sock ...

  6. ECMAScript 发展历史

    参考文献:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Language_Resources

  7. ListView的getFirstVisiblePosition等方法返回的是哪个对象

    int firstPosition = lisView.getFirstVisiblePosition(); int lastPosition = lisView.getLastVisiblePosi ...

  8. ffdshow 源代码分析1 ： 整体结构

    ffdshow是一个非常强大的DirectShow解码器,封装了ffmpeg,libmpeg2等解码库.它也提供了丰富的加工处理选项,可以锐化画面,调节画面的亮度等等.不止是视频,FFDShow现在同 ...

  9. openstacks

  10. 《图解HTTP》 第11章 web的攻击技术

    11.1 针对Web的攻击技术 简单的HTTP协议本身并不存在安全性问题,所以协议本身几乎不会成为攻击的对象. 11.1.1 HTTP不具备必要的安全功能 11.1.2 在客户端即可篡改请求 在HTT ...