AngularJS之定时器（timeout）

最新推荐文章于 2018-04-29 22:25:02 发布

醉小义

最新推荐文章于 2018-04-29 22:25:02 发布

阅读量571

点赞数

分类专栏： angularjs 文章标签： angularjs

angularjs 专栏收录该内容

15 篇文章

订阅专栏

说明:AngularJS某一时间段后，出现另一种情况，这里需要用到定时器timeout

$timeout 服务， AngularJS $timeout 服务对应了 JS window.setTimeout 函数。

<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="UTF-8">  
        <title>AngularJS之定时器（timeout）</title>  
        <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>  
        <script>  
            var app = angular.module("timeApp",[]);  
            app.controller("timeController",function($scope,$timeout){  
                $scope.information = 111;  
                $timeout(function(){  
                    $scope.information = 222;  
                },2000);  
            });  
        </script>  
    </head>  
    <body>  
        <div ng-app="timeApp" ng-controller="timeController">  
            <label>{{information}}</label>  
        </div>  
    </body>  
</html>

输出结果:

111

222