angular从网络获取数据赋值

最新推荐文章于 2021-12-27 14:17:15 发布

snow箴言

最新推荐文章于 2021-12-27 14:17:15 发布

阅读量809

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/c_hjf/article/details/78229949

本文展示了一个简单的Angular应用实例，该应用通过调用和解析HeWeather API来获取并显示北京当前的城市名称及天气状况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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>