angularJs 网络请求实现天气预报
来源:互联网 发布:淘宝 韩都衣舍 编辑:程序博客网 时间:2024/05/24 02:08
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="ajs/angular.min.js"></script> <script> var url1='https://free-api.heweather.com/v5/weather?city='; var url3='&key=545d63e185fc48169a43cbabba6e74d2'; var app=angular.module("mpp",[]); app.controller("crtl",function ($scope,$http) { $scope.toggle=false; $scope.check=function () { $scope.toggle=true; var url2=$scope.ct; $http({ url:url1+url2+url3 }).then(function (data) { $scope.data=data.data; $scope.city=$scope.data.HeWeather5[0]; }) } }); </script></head><body ng-app="mpp" ng-controller="crtl"><input type="text" value="beijing" ng-model="ct"><input type="button" value="查询" ng-click="check()"><p>未来三天的天气</p><ul ng-show="toggle"> <li>{{city.basic.city}};<span>跟新时间:{{city.basic.update.loc}}</span> <p>气温:{{city.now.tmp}}deg</p> <p>wind:{{city.now.wind.dir}}</p></li> <li></li> <li></li></ul></body></html>
阅读全文
0 0
- angularJs 网络请求实现天气预报
- angularjs请求数据解析并渲染到表格中(天气预报)
- angularJs路由和网络请求
- AngularJS实现跨域请求
- AngularJS实现跨域请求
- AngularJS实现跨域请求
- AngularJS实现跨域请求
- AngularJS实现跨域请求
- AngularJS实现跨域请求
- angularJS实现跨域请求
- AngularJS实现跨域请求
- AngularJS获取天气预报(案例)
- angularjs 做一个天气预报
- angularjs $http实现get和post请求
- Android 网络请求实现
- AFNetworking实现网络请求
- HttpURLConnection实现网络请求
- HttpClient实现网络请求
- ubuntu ftp配置
- Java EE开发第十一章:4.servlet的综合小项目之实现账户密码的登陆
- C/C++可变参数,“## __VA_ARGS__”宏的介绍和使用
- SQL查询总结
- adb 找不到不到夜神模拟器
- angularJs 网络请求实现天气预报
- 图的基本概念
- 【机器学习入门】概念原理及常用算法
- tf.diag_part学习
- JavaScript获取DOM元素
- Could not resolve all dependencies for configuration ':app:retrolambdaConfi
- MyEclipse 2014/5优化技巧
- rom移植
- 关于eclipse Oxygen 版本的JSP页面中option里面写<c:if>嵌套时报错