angularjs获取json解析(http)
来源:互联网 发布:使用python ddos攻击 编辑:程序博客网 时间:2024/05/18 15:50
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <script type="text/javascript" src="angular-1.3.0.js"></script> <title></title> <script type="text/javascript"> var app = angular.module("myApp", []); app.value("url_book", "book.json"); app.value("url_books", "books.json"); app.controller("bookCtrl", function ($scope, $http) { $http.get("book.json").then(function (response) { $scope.book = response.data; }, function (response) { console.log(response.status); }); }); app.controller("booksCtrl", function ($scope, $http) { $http.get("books.json").then(function (response) { $scope.books = response.data; }, function (response) { console.log(response.status); }); }); </script></head><body ng-app="myApp"><div ng-controller="bookCtrl"> <ul> <li>ID:{{ book.id }}</li> <li>标题:{{ book.title }}</li> <li>类型:{{ book.type }}</li> <li>描述:{{ book.description }}</li> <li>图片:<img src="{{ book.picture }}"/></li> <li>是否推荐:{{ book.isRecommend }}</li> <li>上架时间:{{ book.dtCreated }}</li> </ul></div><div ng-controller="booksCtrl"> <table border="1"> <tr> <th>ID</th> <th>标题</th> <th>类型</th> <th>描述</th> <th>图片</th> <th>推荐</th> <th>创建时间</th> </tr> <tbody ng-repeat="book in books"> <tr> <td>{{book.id}}</td> <td>{{book.title}}</td> <td>{{book.type}}</td> <td>{{book.description}}</td> <td> <img src="{{book.picture}}" width="80px" height="80px"/> </td> <td> <i ng-if="book.isRecommend">是</i> <i ng-if="!book.isRecommend">否</i> </td> <td>{{book.dtCreated}}</td> </tr> </tbody> </table></div></body></html>
阅读全文
0 0
- angularjs获取json解析(http)
- Angularjs $http获取json
- angularjs服务-http获取json串
- Http获取Json数据,并用Gson解析
- AngularJS 获取JSON数据
- Java Json解析,Java Web Json解析,Java Web服务端获取Json数据,客户端通过HTTP获取Json数据
- Qt5 HTTP获取JSON数据及解析测试代码
- 自己写http获取网络资源和解析json数据
- cocos2dx http json解析
- 获取解析JSON数据
- json解析 获取key
- 网络获取json解析
- Json获取与解析
- angularjs从网上获取json数据
- go提交json、获取json、解析json
- angularJs中$http获取后台数据实例
- http通信,json数据解析
- http请求和json解析
- 存储系统python api扩展模块开发
- 【OpenCV】基于OpenCV的双目视觉测试
- Java 并发编程(八)Future和Callable,CompletionService的使用
- 论文代发费用
- 作业.输出全部希腊字母
- angularjs获取json解析(http)
- 多图上传
- CS231n课程Python Numpy教程三:SciPy
- Dialog 控件的使用
- 康托展开及其逆运算 详解
- map方法处理json格式
- 分隔相同字符 hiho一下第165周
- 运行时常量池的一些理解
- CTF中那些脑洞大开的编码和加密