@{

     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. 《Linux内核分析》week1作业－分析一个简单c语言的汇编代码

    1.C语言源码 #include <stdio.h> int g(int x){ ; } int f(int x){ return g(x); } int main(){ )+; } 2. ...

  2. 转载：CURL常用命令

    转载网址:http://www.cnblogs.com/gbyukg/p/3326825.html 下载单个文件,默认将输出打印到标准输出中(STDOUT)中 curl http://www.cent ...

  3. 1109HTML学习

    <div><!--face里面用逗号隔开表示 字体优先选择.size是字体1到7 --><font color="red" face="微软 ...

  4. delphi : 取得网页源码内容

    取得网页的源码内容的函数以及调用方法供大家参考: program geturl; uses wininet, windows; //取网页内容 function StrPas(const Str: P ...

  5. Solr Dataimport配置

    参考资料: https://cwiki.apache.org/confluence/display/solr/Uploading+Structured+Data+Store+Data+with+the ...

  6. 【转】编写Chrome扩展程序

    Chrome的扩展程序很多,也很容易入门,可以来简单实现一下 看看,慢慢就能实现出一个扩展程序来 每个扩展程序应用一般会包含: 一个manifest清单文件 html文件 js文件 其他文件等 可以看 ...

  7. Beanstalkd(ubuntu安装)

    安装Beanstalkd # apt-get install beanstalkd Unubtu 开启beanstalkd的持久化选项 #vim  /etc/default/beanstalkd 把S ...

  8. java基础知识(二)

    java的布局管理: borderLayout:则将板块分为东西南北中五个方向,每添加一个组件就要指定组件摆放的方位,放置在东西南北四个方向的组件将贴边放置.当拉大Frame的时候,处在center( ...

  9. SpringMVC拦截器（实现登录验证拦截器）

    本例实现登陆时的验证拦截,采用SpringMVC拦截器来实现 当用户点击到网站主页时要进行拦截,用户登录了才能进入网站主页,否则进入登陆页面 核心代码 首先是index.jsp,显示链接 <%@ ...

  10. Freemarker生成静态代码实例

    1.static.html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http ...