angular从json串里获取数据赋值ul和table
来源:互联网 发布:国债收益率升高知乎 编辑:程序博客网 时间:2024/06/06 05:46
<!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.controller("bookCtrl", function ($scope, $http) { $http({ method: "GET", url: "book.json" }).success(function (data, status, headers, config) { $scope.book = data; }).error(function (data, status, headers, config) { console.log(status); }); }); app.controller("bookListCtrl", function ($scope, $http) { $http({ method: "GET", url: "books.json" }).success(function (data, status, headers, config) { $scope.books = data; }).error(function (data, status, headers, config) { console.log(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="bookListCtrl"> <table border="1"> <tr> <th>NO</th> <th>ID</th> <th>标题</th> <th>是否推荐</th> <th>价格</th> </tr> <tbody ng-repeat="book in books"> <tr> <td>{{$index}}</td> <td>{{book.id}}</td> <td>{{book.title}}</td> <td> <i ng-if="book.isRecommend">是</i> <i ng-if="!book.isRecommend">否</i> </td> <td>{{book.price}}</td> </tr> </tbody> </table></div></body></html>
阅读全文
0 0
- angular从json串里获取数据赋值ul和table
- angular从网络获取数据赋值
- 将json中的数据加载到table和ul中
- 利用Volley和JSON从服务器里加载数据
- 在table里动态获取tr里的所有数据
- angular 获取json字符串
- 模拟json数据动态数据库遍历到table表格里
- angular解析json数据
- Jquery和JS获取ul中li标签的值以及赋值问题
- 获取网络数据(Json串和图片)
- 从list集合里随机获取数据
- 如何从AVFrame::data【0】里获取RGB24数据和YUYV422数据
- 如何从AVFrame::data【0】里获取RGB24数据和YUYV422数据
- json从数据库中获取数据
- 从网络获取JSON格式数据
- 从Web Service获取JSON格式数据
- 怎么从后台同步获取json数据
- 从服务器获取Json数据,并解析
- SPFA———【模板】单源最短路径、租用游艇
- 选择(select)和冒泡(bubble)排序
- ccf刷题记03
- recyclerview的博客网址需要的权限
- 移动架构20_策略模式
- angular从json串里获取数据赋值ul和table
- Django其他(站点、列表、上传
- 2017初赛预备
- 我的Java课程学习1——Hello World
- 获取windows哈希值
- 一个项目:项目信息分页显示、查询
- 【树链剖分】bzoj4034: [HAOI2015]树上操作
- Tarjan 缩点模板(洛谷P3387)
- SpiderMonkey相关学习资料