时间:2021-05-28
本文实例为大家分享了angularjs实现天气预报的具体代码,供大家参考,具体内容如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>天气</title> <script src="../angular-1.5.5/angular.min.js"></script> <script> var u1="https://free-api.heweather.com/v5/weather?city="; var u2; var u3="&key=545d63e185fc48169a43cbabba6e74d2"; var my=angular.module("my",[]); my.controller("mys",function ($scope,$http) { $scope.city="beijing"; $scope.show=false; $scope.search=function () { u2=$scope.city; $scope.show=true; $http({ url:u1+u2+u3 }).then(function (data) { $scope.cityName=data.data.HeWeather5[0].basic.city; $scope.date=data.data.HeWeather5[0].daily_forecast[0].date; $scope.mTemp=data.data.HeWeather5[0].daily_forecast[0].tmp.max; $scope.xTemp=data.data.HeWeather5[0].daily_forecast[0].tmp.min; }) $scope.city=""; }; }) </script></head><body ng-app="my" ng-controller="mys"> <input type="text" ng-model="city"/><button ng-click="search()">点击查询</button> <ul ng-show="show"> <li>{{cityName}}</li> <li>{{date}}</li> <li>{{mTemp}}</li> <li>{{xTemp}}</li> </ul></body></html>以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
天气预报APP开发的功能有: 1、天气预报功能 打开天气预报APP之后系统根据你的定位,直接显示当地地点天气情况,如气温,气压,降雨概率基本天气信息。 2
1、天气预报功能 打开天气预报APP之后系统根据你的定位,直接显示当地地点天气情况,如气温,气压,降雨概率基本天气信息。 2、天气雷达图 通过天气预报
本文实例讲述了Angular实现的简单查询天气预报功能。分享给大家供大家参考,具体如下:先来看看运行效果:具体代码如下:btn未来3天的天气情况​{
天气预报查询接口API,在这里我使用的是国家气象局天气预报接口使用较多的还有:新浪天气预报接口、百度天气预报接口、google天气接口、Yahoo天气接口等等。
怎么用微信查询天气微信查天气预报指南怎么用微信查询天气微信查天气预报指南怎么用微信查询天气微信查天气预报指南怎么用微信查询天气微信查天气预报指南怎么用微信查询天