http
来源：互联网 发布：树莓派ubuntu系统截图 编辑：程序博客网 时间：2024/06/05 23:58
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="angular-1.3.0.js"></script>
<title>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>图片:{{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>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="angular-1.3.0.js"></script>
<title>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>图片:{{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
- http
- http
- HTTP
- HTTP
- HTTP
- http
- HTTP
- HTTP
- HTTP
- http
- http
- http
- http
- HTTP
- HTTP
- http
- HTTP
- http
- Haskell语言学习笔记（28）Data.Map
- 安卓屏幕分辨率
- 源代码编译、链接和Makefile简介
- 超平面的定义
- 图像基础13 灰度变换与图像增强
- http
- hdu 3980 Paint Chain（SG函数）
- python基础系列教程——python所有包库的下载
- Haskell语言学习笔记（29）CPS
- Linux11 网络管理
- 【第1082期】关键CSS和Webpack: 减少阻塞渲染的CSS的自动化解决方案
- [Codevs]1746 [NOI2002] 贪吃的九头龙 树形Dp + 多叉转二叉
- 瞄点,路由
- 反作弊工程点滴
