angularjs $http 네트워크 데이터 요청 및 전시
1 DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Titletitle>
6 <script src="../../AngularJS/angular.min.js">script>
7 <script>
8 var url1="https://free-api.heweather.com/v5/weather?city=";
9 var url3="&key=545d63e185fc48169a43cbabba6e74d2";
10 var myapp=angular.module("myapp",[]);
11 myapp.controller("myCtrl",function ($scope,$http) {
12 $scope.toggle=false;
13 $scope.check=function () {
14 //
15 $scope.toggle=true;
16 var url2=$scope.city2;
17 //
18 $http({
19 url:url1+url2+url3
20 }).then(function (data) {
21 console.log(data.data);
22 $scope.data = data.data;
23 $scope.city = $scope.data.HeWeather5[0];
24 });
25 }
26 })
27 script>
28 head>
29 <body ng-app="myapp" ng-controller="myCtrl">
30 <input type="text" ng-model="city2" value="beijing">
31 <button ng-click="check()"> button>
32 <p> 3 p>
33 <ul ng-show="toggle">
34 <li>
35 {{city.basic.city}};<span> :{{city.basic.update.loc}}span>
36 <p> :{{city.now.tmp}}degp>
37 <p>wind:{{city.now.wind.dir}}p>
38 li>
39 ul>
40 body>
41 html>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.