http

最新推荐文章于 2023-05-15 22:01:28 发布
最新推荐文章于 2023-05-15 22:01:28 发布
阅读量140 收藏
点赞数
分类专栏： 4月Android hybrid跨平台开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40087072/article/details/78268860
版权
<!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
    评论
专栏目录
【计算机网络】HTTP 协议详解
吞吞吐吐大魔王的博客
03-06 12万+
文章目录1. HTTP 协议介绍2. HTTP 协议的工作过程3. Fiddler 抓包工具介绍3.1 抓包工具的使用3.2 抓包结果3.3 抓包工具原理4. HTTP 协议格式总览5. HTTP 请求（Request）5.1 认识 URLURL 基本介绍URL 基本格式URL 参数介绍URLencode 介绍5.2 认识“方法”（method）GET 方法POST 方法GET 和 POST 的区别关于 GET 请求的 URL 长度问题的误解关于 POST 比 GET 更安全的误解关于 GET 只能传输文本
小黄鸟（HTTPCanary）安装及Android高版本CA证书配置
热门推荐
weixin_53891182的博客
05-12 31万+
小黄鸟（HTTPCanary）安装及Android高版本CA证书配置 HTTPCanary及CA证书安装1.HTTPCanary下载2.导出CA证书3.安装CA证书 1.HTTPCanary下载 从下面链接下载安装HTTPCanary 链接: https://xiao6ming6.lanzouq.com/iQcB902w15pg 密码:4wby 2.导出CA证书 1.点击左上角三个杠 2.点击左下角设置 3.点击SSL证书设置（配置用于SSL请求的数字证书） 4.点击导出HttpCanary证书
完美解决org.apache.http
最新发布
05-15 6万+
org.apache.http是Java中一个用于处理HTTP请求和响应的库。
http图解 pdf
10-23
　本书前半部分由HTTP的成长发展史娓娓道来，基于HTTP 1.1 标准讲解通信过程，包括HTTP方法、协议格式、报文结构、首部字段、状态码等的具体含义，还分别讲解HTTP通信过程中代理、网关、隧道等的作用。接着介绍SPDY...
基于Qt的HTTP服务器
04-08
【标题】"基于Qt的HTTP服务器"涉及到的核心技术是使用Qt框架来构建一个简单的HTTP服务器。Qt是一个跨平台的应用程序开发框架，广泛用于C++编程，尤其在图形用户界面（GUI）开发方面表现出色。然而，它也支持非GUI...
C++实现HTTP请求
08-21
在IT行业中，网络通信是软件开发的一个重要领域，而HTTP（超文本传输协议）作为互联网上应用最广泛的一种网络协议，被广泛应用于网页浏览、数据传输等场景。本篇文章将详细探讨如何使用C++来实现HTTP的POST和GET请求...
C#版支持高并发的HTTP服务器源码
09-30
本资源提供的“C#版支持高并发的HTTP服务器源码”正是为解决这一问题而设计的，特别适用于WINFORM程序，让你能够快速创建自定义的HTTP服务器。 首先，我们要理解HTTP服务器的工作原理。HTTP（超文本传输协议）是...
ionic各种模板
qq_40087072的博客
10-20 2353
第一个模板 三个页面点击跳转 html> html ng-app="BShop"> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> link href=
用户信息列表 查询+年龄，性别搜索 +全部删除，批量删除+添加用户+修改密码
qq_40087072的博客
10-22 1144
html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> script src="angular-1.3.0.js">script> script src="jquery-1.11.0.js">script> script> var myapp= angular.m
购物车 数量，总价，删除
qq_40087072的博客
10-24 344
html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> script src="angular-1.3.0.js">script> script src="jquery-1.11.0.js">script> script> var myapp= angular.m
掷骰子
qq_40087072的博客
10-16 320
html> html ng-app="myApp"> head> meta charset="UTF-8"> title>Titletitle> script src="angular-1.3.0.js">script> script type="text/javascript"> var rand = function () {
form表单
qq_40087072的博客
10-24 314
表单样式             * {             font-size: 12px;             margin: 0;             padding: 0;         }         input {             width: 320px;             height: 24px;            
ionic下拉刷新
qq_40087072的博客
10-18 241
html> html> head> meta charset="UTF-8"> meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> link href="ionic.css" rel="stylesheet"/>
demo1
qq_40087072的博客
10-20 218
//主页面 html> html ng-app="BShop"> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> link href="lib/css/i
总结
qq_40087072的博客
10-25 208
用户管理             * {             font-size: 14px;             margin: 0;             padding: 0;         }         body {             padding: 16px 32px;         }         .search {
原购物车只有删除和查询
qq_40087072的博客
10-16 185
html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> script src="angular-1.3.0.js">script> script src="jquery-1.11.0.js">script> script> var myapp= angular.m
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值