改变城市名,实现实时天气
视觉UI设计 / 网页设计
改变城市名,实现实时天气
改变城市名,实现实时天气
angular.module("myapp", [])
//注册一个控制器
.controller("myCtrl", function ($http, $scope) {
//初始化城市名称
$scope.x = '北京';
//定义一个获取天气数据的函数
$scope.run = function(){
var url = "http://wthrcdn.etouch.cn/weather_mini?city=" + $scope.x;
$http.get(url).success(function (data) {
$scope.json = data;
})
};
//文档加载后直接获取天气数据
$scope.run();
//当城市名称发生改变 重新获取天气数据
$scope.change = function(){
$scope.run();
};
})