@{

     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. 百度touch的手势框架，touch.js

    今天,随便搜搜看到了一个新的手势库,也许能让我为现在使用者的hammer.js的手势库带来的烦恼而消除. 它是百度团队开发的,现在由百度云Clouda进行维护. 官网   http://touch.c ...

  2. CentOS下php使用127.0.0.1不能连接mysql的解决方法

    这篇文章主要介绍了CentOS下php使用127.0.0.1不能连接mysql的解决方法,本文原因是SELINUX导致的连接失败,需要的朋友可以参考下 php代码很简单: 复制代码代码如下: $ser ...

  3. C#数字图像处理的3种方法

    本文主要通过彩色图象灰度化来介绍C#处理数字图像的3种方法,Bitmap类.BitmapData类和Graphics类是C#处理图像的的3个重要的类. Bitmap只要用于处理由像素数据定义的图像的对 ...

  4. noi 04:网线主管

    04:网线主管 查看 提交 统计 提问 总时间限制:  1000ms 内存限制:  65536kB 描述 仙境的居民们决定举办一场程序设计区域赛.裁判委员会完全由自愿组成,他们承诺要组织一次史上最公正 ...

  5. 『邪恶のWIFI』搭建假冒WIFI热点等女神来蹭网啊 - -。

    pic by baidu 0x 00 ╮(╯▽╰)╭ 请喊我万恶的标题党  哈哈哈哈哈 0x 01 这里正题 虚拟机(Kali)不支持内置网卡,还好我有神器,插上我的RT8187L,开始搞起 参考资料 ...

  6. APMServ5.2.6升级PHP

    前言:这两天闲着没事,就想学一下ThinkPHP.学习ThinkPHP要先安装好Apache.MySQL .PHP等运行环境. 为了方便起见,打算就用集成环境.ThinkPHP官方网站推荐的是“WAM ...

  7. Android中layout_weight的属性理解

    https://www.zybuluo.com/zzudhj/note/102067 在Android开发过程中,在编写布局文件经常会用layout_weight属性:从字面意思上看权重.比值.按比例 ...

  8. 如何判断一个C++对象是否在堆上（通过GetProcessHeaps取得所有堆，然后与对象地址比较即可），附许多精彩评论

    在帖子如何判断一个C++对象是否在堆栈上 中, 又有人提出如何判断一个C++对象是否在堆上. 其实我们可以参照那个帖子的方法类似实现,我们知道堆就是Heap,在windows上我们可以通过GetPro ...

  9. Java体系总结

    一.Java SE部分 1.java基础:基础语法:面向对象(重点):集合框架(重点):常见类库API: 2.java界面编程:AWT:事件机制:Swing: 3.java高级知识:Annotatio ...

  10. JavaScript学习笔记（高级部分—01）

    JavaScript的核心ECMAScript描述了该语言的语法和基本对象:DOM描述了处理网页内容的方法和接口:BOM描述了与浏览器进行交互的方法和接口. 简单说,ECMAScript描述了以下内容 ...