angular30-ng-if

最新推荐文章于 2023-03-15 15:16:45 发布

前端歌谣

最新推荐文章于 2023-03-15 15:16:45 发布

阅读量77

点赞数

文章标签：大数据

本文链接：https://blog.csdn.net/qq_41632427/article/details/125704232

版权

AngularJS ng-app ng-if 加载状态 JavaScript

关键词由CSDN通过智能技术生成

歌谣-前端-angular 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>ng-app指令</title>
        <style>
            .red {
                color: red;
            }

            .green {
                color: green;
            }
        </style>
    </head>
    
    

    <body ng-app="myApp1" ng-controller="ListController">
        <div>aaaa</div>
        <div class="tips" ng-if="loading">
            Loading
        </div>
        <script src="./js/Angular.js"></script>
        
        <script>
            var myApp1 = angular.module('myApp1', []);
            myApp1.controller('ListController', ['$scope', '$timeout', function($scope,
                $timeout) {
                $scope.loading = true;
                $timeout(function() {
                    $scope.loading = false;
                    $timeout(function() {
                        $scope.loading = true;
                    }, 3000)
                }, 3000)
            }])
        </script>
    </body>

    </html>