http 空格添加

最新推荐文章于 2024-04-11 14:51:30 发布

颓默

最新推荐文章于 2024-04-11 14:51:30 发布

阅读量438

点赞数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
   <script src="angular.min.js"></script>
    <script>
        var myapp=angular.module("myapp",[]);
        myapp.controller("myctrl",function ($scope,$http) {
            $http({
                url:"https://free-api.heweather.com/v5/weather?city=beijing&key=545d63e185fc48169a43cbabba6e74d2"
            }).then(function(data) {
                $scope.city=data.data.HeWeather5[0].basic.city;
            })

        });
    </script>
</head>
<body ng-app="myapp" ng-controller="myctrl">
<p>{{city}}</p>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="siteCtrl">

<div >
    <span>爱人城市</span>
    <input type="text" ng-model="city2" value="beijing">
    <button ng-click="check()">btn</button>

    <p>未来3天的天气情况</p>
    <ul ng-show="toggle">
    <li>
        {{city.basic.city}};<span>跟新时间:{{city.basic.update.loc}}</span>
        <p>气温:{{city.now.tmp}}deg</p>
        <p>wind:{{city.now.wind.dir}}</p>
    </li>
</ul>
</div>

<script>
    var url1='https://free-api.heweather.com/v5/weather?city=';
    var url3='&key=545d63e185fc48169a43cbabba6e74d2';
    var app = angular.module('myApp', []);
    app.controller('siteCtrl', function($scope, $http) {
        $scope.toggle=false;
        $scope.check=function(){
            $scope.toggle=true;
            var url2=$scope.city2;
            $http({
                url:url1+url2+url3
            }).then(function(data){
                console.log(data.data);
                $scope.data=data.data;
                $scope.city=$scope.data.HeWeather5[0];
            });
        };
    });
</script>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="angular.min.js"></script>
    <script>
        var myapp=angular.module("myapp",[]);
        var timmer
        myapp.controller("myCtrl",function($scope,$interval,$timeout){
            $scope.num=0;
            $scope.fun=function(){
                $interval.cancel(timmer);
                timmer=$interval(function(){
                    $scope.num++;
                    console.log($scope.num);
                },1000,5,true);
                /*  $timeout(function(){
                 $scope.num++;
                 },1000);*/
                /*                setInterval(function(){
                 $scope.$apply(function(){
                 $scope.num++;
                 //console.log($scope.num)
                 })
                 },1000)*/
                $scope.stop=function(){
                    $interval.cancel(timmer);
                }

            }
        })
    </script>
</head>
<body ng-app="myapp" ng-controller="myCtrl">
<p>{{num}}</p>
<button ng-click="fun()">按钮</button>
<button ng-click="stop()">结束按钮</button>
</body>
</html>



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
 <script src="angular.min.js"></script>
    <script src="jquery-3.2.1.min.js"></script>
    <script>
        var myapp=angular.module("myapp",[]);
        myapp.controller("myCtrl",function ($scope) {
            $scope.arr=[];
            $scope.fun=function ($event) {
                if(event.keyCode==13){
                    $scope.arr.push($scope.add);
                    $scope.add="";
                }
            }
            /*$scope.on=function () {
             alert(00)
             }*/
        });

    </script>
</head>
<body ng-app="myapp" ng-controller="myCtrl" ng-keyup="fun($events)">

<input type="text" ng-model="add">
<ul>
    <li ng-repeat="item in arr">{{item}}</li>
</ul>
</body>
<script>
    $(function(){
        $("p").click(function(){
            alert(0);
        });
        $("ul li").click(function(){
            alert(1)
        })
    })
</script>
</html>