http

<!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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值