有角度实现的简单查询天气预报功能示例

本文实例讲述了有角的实现的简单查询天气预报功能。分享给大家供大家参考，具体如下：

先来看看运行效果：

具体代码如下：

！DOCTYPE html html head meta charset=' utf-8 '脚本src=' http : angular。量滴js '/script/head dy ng-app=' myApp ' ng-controller=' site ctrl ' div输入类型=' text ' ng-model=' city ' value=' Beijing '按钮ng-click='check()'btn/button p未来3天的天气情况/p ul ng-show='切换'李{ { city }。基本的。城市} }；跨度跟新时间： { { city。基本的。更新。loc } }/span p气温： { { city。现在。tmp } } deg/p pwind : { { city }。现在。风。dir } }/p/Li/ul/div脚本var URL 1=' https://free-API。他父亲。com/V5/天气？city='；var URL 3=' key=545d 63 e 185 fc 48169 a 43 CB a6 e 74d 2 '；var app=angular.module('myApp '，[])；app.controller('siteCtrl '，函数($scope，$ http){ $ scope。toggle=false$ scope。check=function(){ $ scope。toggle=truevar URL 2=$ scope . city $ http({ URL : URL 1 URL 2 URL 3 }).然后（函数（数据){控制台。日志(数据。数据)；$ scope。数据=数据。数据；$ scope。city=$ scope。数据。he wear 5[0]；});};});/脚本/正文/html更多关于AngularJS相关内容感兴趣的读者可查看本站专题： 《AngularJS指令操作技巧总结》 、 《AngularJS入门与进阶教程》 及《AngularJS MVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。