angularjs--resource
<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script src="http://cdn.bootcss.com/angular.js/1.3.8/angular.min.js"></script><script src="http://cdn.bootcss.com/angular.js/1.3.8/angular-resource.min.js"></script></head><body><div ng-app="myApp"><div ng-controller="firstController">{{name}}{{data.name}}</div></div><script type="text/javascript">var app = angular.module('myApp',['ngResource']);app.controller('firstController',['$scope','$resource',function($scope,$resource){var obj = $resource('lisi.json');$scope.data1 = obj.get();$scope.data = obj.get({name:'zhangsan'},function(data){//请求zhangsan.json console.log(data);console.log(data.name);},function(error){console.log(error);});console.log($scope.data);$scope.name = '张三';}]);</script></body> </html>
<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script src="http://cdn.bootcss.com/angular.js/1.3.8/angular.min.js"></script><script src="http://cdn.bootcss.com/angular.js/1.3.8/angular-resource.min.js"></script></head><body><div ng-app="myApp"><div ng-controller="firstController">{{name}}{{data.name}}</div></div><script type="text/javascript">var app = angular.module('myApp',['ngResource']);app.controller('firstController',['$scope','$resource',function($scope,$resource){var obj=$resource(':name.:type');// $scope.data=obj.get(); $scope.data=obj.get({name:'lisi',type:'json'},function(data){//请求lisi.json console.log(data.name);},function(error){console.log(error);});console.log($scope.data);$scope.name = '张三';}]);</script></body> </html>
<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script src="http://cdn.bootcss.com/angular.js/1.3.8/angular.min.js"></script><script src="http://cdn.bootcss.com/angular.js/1.3.8/angular-resource.min.js"></script></head><body><div ng-app="myApp"><div ng-controller="firstController">{{name}}{{data.name}}<ul><li ng-repeat="d in data">{{d.name}}--{{d.age}}</li></ul></div></div><script type="text/javascript">var app = angular.module('myApp',['ngResource']);app.controller('firstController',['$scope','$resource',function($scope,$resource){var obj=$resource(':name.:type');// $scope.data=obj.get(); $scope.data=obj.query({name:'zhangsan',type:'json'});console.log($scope.data);$scope.name = '张三';}]);</script></body> </html>
<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script src="http://cdn.bootcss.com/angular.js/1.3.8/angular.min.js"></script><script src="http://cdn.bootcss.com/angular.js/1.3.8/angular-resource.min.js"></script></head><body><div ng-app="myApp"><div ng-controller="firstController">{{name}}{{data.name}}<ul><li ng-repeat="d in data">{{d.name}}--{{d.age}}</li></ul></div></div><script type="text/javascript">var app = angular.module('myApp',['ngResource']);app.controller('firstController',['$scope','$resource',function($scope,$resource){var obj=$resource(':name.:type',{type:'json'});// $scope.data=obj.get(); $scope.data=obj.query({name:'zhangsan'});console.log($scope.data);$scope.name = '张三';}]);</script></body> </html>
<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script src="http://cdn.bootcss.com/angular.js/1.3.8/angular.min.js"></script><script src="http://cdn.bootcss.com/angular.js/1.3.8/angular-resource.min.js"></script></head><body><div ng-app="myApp"><div ng-controller="firstController">{{name}}{{data.name}}<ul><li ng-repeat="d in data">{{d.name}}--{{d.age}}</li></ul></div></div><script type="text/javascript">var app = angular.module('myApp',['ngResource']);app.controller('firstController',['$scope','$resource',function($scope,$resource){//var obj=$resource(':name.:type',{type:'json'});var obj = $resource('http://www.57lehuo.com/json.php',{id:'@id'},{getAge: {method: 'GET', params: {age:'40'},isArray: false},getSex: {method: 'GET', params: {sex:'nv',age:'32'},isArray: false}});$scope.data=obj.get({id:'20'});$scope.data2=obj.getAge({id:'21'});$scope.data3=obj.getSex({id:'21'});//$scope.data=obj.query({name:'zhangsan'}); console.log($scope.data);console.log($scope.data2);console.log($scope.data3);$scope.name = '张三';}]);</script></body> </html>
angularjs--resource相关推荐
- AngularJs $resource 高大上的数据交互
$resource 创建一个resource对象的工厂函数,可以让你安全的和RESFUL服务端进行数据交互. 需要注入 ngResource 模块.angular-resource[.min].js ...
- AngularJS中的$resource使用与Restful资源交互
1.AngularJS中的 $resource 这个服务可以创建一个资源对象,我们可以用它非常方便地同支持RESTful的服务端数据源进行交互,当同支持RESTful的数据模型一起工作时,它就派上用场 ...
- Angularjs Nodejs Grunt 一个例子
做了一个简单的示例,目的是记录环境配置以及这套框架的结构流程. 1.配置环境 默认nodejs已安装. 安装以下模块:express(nodejs框架),grunt(javascript task r ...
- ASP.NET MVC5 高级教程 学习笔记
// 本应用是ASP.NET MVC5 高级教程学习产物 // 2015-07-23 // 第一章 入门 // 第二章 控制器 // 第三章 视图 1.Install-Package Wrox.Pro ...
- 前端使用AngularJS的$resource,后端ASP.NET Web API,实现增删改查
首页 > 技术 > 编程 > NET > 前端使用AngularJS的$resource,后端ASP.NET Web API,实现增删改查 前端使用AngularJS的$res ...
- angularjs http和ajax,AngularJS $ http和$ resource
$http使得通用的AJAX调用,其中一般意味着它可以包括基于REST的 API加上非RESTful API. 并且$resource专门针对该RESTful部分. 近年来,Restful Api盛行 ...
- Create a restful app with AngularJS/Grails(4)
为什么80%的码农都做不了架构师?>>> #Standalone AngularJS application In the real world applications, i ...
- 【开源】分享一个前后端分离方案-前端angularjs+requirejs+dhtmlx 后端asp.net webapi
一.前言 半年前左右折腾了一个前后端分离的架子,这几天才想起来翻出来分享给大家.关于前后端分离这个话题大家也谈了很久了,希望我这个实践能对大家有点点帮助,演示和源码都贴在后面. 二.技术架构 这两年a ...
- 我的angularjs源码学习之旅2——依赖注入
依赖注入起源于实现控制反转的典型框架Spring框架,用来削减计算机程序的耦合问题.简单来说,在定义方法的时候,方法所依赖的对象就被隐性的注入到该方法中,在方法中可以直接使用,而不需要在执行该函数的时 ...
- AngularJS基本知识点
AngularJS 是一个 MV* 框架,最适于开发客户端的单页面应用.它不是个功能库,而是用来开发动态网页的框架.它专注于扩展 HTML 的功能,提供动态数据绑定(data binding),而且它 ...
最新文章
- 如何发表一篇好的文章
- 【Android RTMP】x264 编码器初始化及设置 ( 获取 x264 编码参数 | 编码规格 | 码率 | 帧率 | B帧个数 | 关键帧间隔 | 关键帧解码数据 SPS PPS )
- python 笔记:time calendar
- HD 2048 数塔 DP(简单递推)
- 大数据阶段划分及案例单词统计
- 软件架构(10)---java资深架构师分布式技术分享
- 【零基础学Java】—Collections集合工具类(四十二)
- 特斯拉奔驰宝马沃尔沃团灭!安全的半自动驾驶?不存在的
- 日志系统实战(一)—AOP静态注入
- 研究生数学建模大赛多久出结果_商学院研究生参加中国研究生数学建模竞赛获得重大突破...
- kali2020.3 安装IDA freeware
- 利用js,HTML,css实现一个简单的指针时钟
- iPad 上播放 2160p (4K) mkv 视频的方法
- 德州大学达拉斯分校计算机科学,德克萨斯大学达拉斯分校排名
- 交通流量预测数据集解读
- 如何切换到root用户
- win10如何修改远程桌面的默认端口_win10远程桌面端口的更改办法
- 记一次wordpress博客搬家方法(无损快速搬家)
- 让电商运营10倍提效的自动化工具,你get了吗?
- Seurat4.0系列教程8:细胞周期评分和回归分析
热门文章
- pandoc讲html转换为pdf,将HTML表格转换为PDF的Pandoc会导致非包装表格
- java poi生.docx_java – Apache POI或docx4j处理docx文件
- js判断ipad还是安卓_最近iPad做电子笔记很流行?综合分析你知道的所有笔记方式。...
- C++socket编程(七):7.1 http协议讲解,通过抓包和telnet分析
- python多核多线程编程实例_Python多线程
- java课程总结_Java课程总结 - osc_uyb9f22c的个人空间 - OSCHINA - 中文开源技术交流社区...
- html 倒计时字体消失,最简单的一个网页倒计时代码 时间到期后会显示出提醒内容 收藏版...
- java实例分析宠物商店_java实例分析:宠物商店.ppt
- pytorch nn.Linear
- 编程语言对比 函数定义