您的位置：首页 > 理论基础 > 计算机网络

angular从网络获取数据赋值

2017-10-13 20:05 183 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="angular-1.3.0.js"></script>
<script type="text/javascript">
var app=angular.module("myApp",[]);
app.value("url","https://free-api.heweather.com/v5/weather?city=beijing&key=545d63e185fc48169a43cbabba6e74d2");
app.controller("myCtrl",function ($scope,$http,url) {
$http.get(url).then(function (response) {
$scope.city = response.data.HeWeather5[0].basic.city;
$scope.now = response.data.HeWeather5[0].now.cond.txt;
},function (response) {
console.log(response.status);
});
})
</script>
</head>
<body ng-app="myApp">
<div ng-controller="myCtrl">
<div>城市:{{city}}</div>
<div>天气:{{now}}</div>
</div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航