AngularJs练习Demo18 Resource

 1 @{
 2     Layout = null;
 3 }
 4
 5 <!DOCTYPE html>
 6
 7 <html>
 8 <head>
 9     <meta name="viewport" content="width=device-width" />
10     <title>Resource</title>
11     <script src="~/Scripts/angular.min.js"></script>
12     <script src="~/Scripts/angular-resource.min.js"></script>
13     <script type="text/javascript">
14         var m1 = angular.module("myApp", ["ngResource"]);
15         m1.controller("firstController", ["$scope", "$resource", function ($scope, $resource) {
16             var data = $resource("getData");
17             //支持的方法
18             /*
19             {
20              "get":{method:"get"},
21              "save":{method:"post"},
22              "query":{method:"get",isArray:true},
23              "remove":{method:"delete"},
24              "delete":{method:"delete"}
25             }
26             */
27
28             $scope.data = data.get({"name": "zhangsan" }, function (data) {//Get请求并传参
29
30             });//使用GET请求去请求数据
31           //  console.log(obj);
32             //  var objRe = $resource("", {});
33
34
35         }]);
36     </script>
37 </head>
38 <body>
39     <div ng-app="myApp">
40         <div ng-controller="firstController">
41             {{data.name}}
42             {{data.age}}
43
44         </div>
45     </div>
46 </body>
47 </html>
时间: 2024-10-21 00:14:40

AngularJs练习Demo18 Resource的相关文章

黄聪:AngularJS中的$resource使用与Restful资源交互(转)

原文:http://blog.csdn.net/he90227/article/details/50525836 1.AngularJS中的 $resource 这个服务可以创建一个资源对象,我们可以用它非常方便地同支持RESTful的服务端数据源进行交互,当同支持RESTful的数据模型一起工作时,它就派上用场了.      REST是Representational State Transfer(表征状态转移)的缩写,是服务器用来智能化地提供数据服务的一种方式 1)我们首先需要引入ng-Re

AngularJS中使用$resource

这个服务可以创建一个资源对象,我们可以用它非常方便地同支持RESTful的服务端数据源进行交互,当同支持RESTful的数据模型一起工作时,它就派上用场了. REST是Representational State Transfer(表征状态转移)的缩写,是服务器用来智能化地提供数据服务的一种方式 1)我们首先需要引入ng-Resource  模块,在angular之后 <script src="js/vendor/angular.js"></script> &l

AngularJs练习Demo19 Resource

1 @{ 2 Layout = null; 3 } 4 5 <!DOCTYPE html> 6 7 <html> 8 <head> 9 <meta name="viewport" content="width=device-width" /> 10 <title>Resource</title> 11 <script src="~/Scripts/angular.min.js&q

浅谈AngularJS中使用$resource

这个服务可以创建一个资源对象,我们可以用它非常方便地同支持RESTful的服务端数据源进行交互,当同支持RESTful的数据模型一起工作时,它就派上用场了. REST是Representational State Transfer(表征状态转移)的缩写,是服务器用来智能化地提供数据服务的一种方式 1)我们首先需要引入ng-Resource  模块,在angular之后 <script src="js/vendor/angular.js"></script> &l

AngularJS Resource:与 RESTful API 交互

REST(表征性状态传输,Representational State Transfer)是Roy Fielding博士在2000年他的博士论文中提出来的一种软件架构风格.RESTful风格的设计不仅具有更好的可读性(Human Readable),而且易于做缓存以及服务器扩展(scalability).REST风格体现在URL设计上: 每个URL对应一个资源 对资源的不同操作对应于HTTP的不同方法 资源表现形式(representation)通过Accept和Content-Type指定 A

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

AngularJS中的$resource服务相比$http服务更适合与RESTful服务进行交互.本篇后端使用ASP.NET Web API, 前端使用$resource,实现增删改查. 领域和上下文 首先领域先行. public class StudentVm { [Key] public int Id { get; set; } public string Name { get; set; } public string Age { get; set; } } 上下文. public cla

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

REST(表征性状态传输,Representational State Transfer)是Roy Fielding博士在2000年他的博士论文中提出来的一种软件架构风格.RESTful风格的设计不仅具有更好的可读性(Human Readable),而且易于做缓存以及服务器扩展(scalability).REST风格体现在URL设计上: 每个URL对应一个资源 对资源的不同操作对应于HTTP的不同方法 资源表现形式(representation)通过Accept和Content-Type指定 A

angularjs $resource restful api

AngularJS中的RESTful资源 palwo 发表于 2014-12-16 17:31:50 $http服务提供了一个非常低级的实现,可以用来发送XHR请求,同时它还为你提供了很大的可控性和灵活性.但是,在大多数情况下,我们需要处理对象,以及封装了特定属性和方法的对象模型,例如一个person对象(带有详细信息),或者一个信用卡对象. 在这些情况下,如果我们能够创建一个JS对象,而且它可以理解并代表这种对象模型,是不是会很棒?如果我们仅仅编辑这个对象的属性,例如保存或者更新,那么这些状态

AngularJS 与liferay对接

AngularJS与liferay对接 1.新建一个liferay plugin project 项目: 2.在新建liferay项目docroot目录下新建html目录,拷贝AngularJS项目app文件到html目录下: 3.修改view.jsp文件,增加document.getPortletUrl函数,用angular.bootstrap启动angularjs: 代码如下: 3.1 加载css文件方式:@import url(); 3.2 加载JS文件方式不变:<script><