欢迎使用CSDN-markdown编辑器
来源:互联网 发布:js 判断对象是否存在 编辑:程序博客网 时间:2024/05/28 18:42
简单的请求网络数据,然后进行查询
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../angulatjs/angular-1.5.5/angular.min.js"></script> <script> var url1='https://free-api.heweather.com/v5/weather?city='; var url3='&key=545d63e185fc48169a43cbabba6e74d2'; var myapp=angular.module("myapp",[]); myapp.controller("myCtrl",function ($scope,$http) { $scope.show=false; $scope.btn=function () { $scope.show=true; var url2=$scope.city; $http({ url:url1+url2+url3 }).then(function (data) { $scope.data=data.data; $scope.cityname= $scope.data.HeWeather5[0]; }) $scope.city="" } }); </script></head><body ng-app="myapp" ng-controller="myCtrl"> <input type="text" ng-model="city"><button ng-click="btn()">查询</button><ul ng-show="show"> <li> 城市:{{cityname.basic.city}}<br> 日期:{{cityname.daily_forecast[0].date}}<br> 温度:{{cityname.daily_forecast[0].tmp.max}}-{{cityname.daily_forecast[0].tmp.min}} </li></ul></body></html>
阅读全文
0 0
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- css设置单行居中,多行居左/居右
- eclipse内存配置
- 二维数组中的查找
- Git 创建github远程仓库并关联本地项目
- QT收费吗?
- 欢迎使用CSDN-markdown编辑器
- Unique Binary Search Trees II --lintcode
- sleep和wait的区别
- @RequestMapping用法详解
- EventBus简单使用
- 高晓松三问阿里巴巴合伙人_为什么来 为什么留 为什么战
- HTTP协议(包含与HTTPS的区别) 知识笔记
- python3 linux 下获取本地网卡ip
- Java常用API(六)Date 日期类介绍及使用