angularjs--$timeout

時間 2020-05-19
原文原文鏈接
angularjs--$timeoutjavascript
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 6     <title>index</title>
 7     <link href="{$Think.const.CSSURL}bootstrap.min.css" rel="stylesheet" type="text/css"/>
 8     <script src="{$Think.const.JS}jquery.min.js" type="text/javascript"></script>
 9     <script src="{$Think.const.JS}bootstrap.min.js" type="text/javascript"></script>
10     <script src="{$Think.const.JS}angular.min.js" type="text/javascript"></script>
11     <link href="{$Think.const.CSSURL}home/index.css" rel="stylesheet" type="text/css"/>
12 </head>
13 <body ng-app="myapp" ng-controller="myctrl">
14 <div class="container">
15     <h1 class="page-header">前端技術方案</h1>
16     <div class="list-group">
17         <a href="#" class="list-group-item active" ng-repeat="user in users">{{user.name}}</a>
18         <a href="#" class="list-group-item" ng-repeat="user in users2">{{user.name}}</a>
19     </div>
20     <img src="{$Think.const.HOMEIMG}/01.png" />
21 </div>
22 </body>
23 <script>
24     angular.module("myapp",[]).controller("myctrl",function($scope,$timeout){
25         $scope.users = [
26             {"id":"1","name":"tom","age":"10"},
27             {"id":"2","name":"jack","age":"20"},
28             {"id":"3","name":"舒克","age":"10"},
29             {"id":"4","name":"貝塔","age":"10"},
30             {"id":"5","name":"yii","age":"12"},
31             {"id":"6","name":"ci","age":"16"},
32         ];
33 
34         $scope.users2 = $scope.users.splice(1);
35 
36         //$timeout間隔2秒後自動更新數據
37 
38         $timeout(function () {
39             $scope.users2 = [
40                 {"id":"22","name":"jack2","age":"200"},
41                 {"id":"33","name":"舒克2","age":"100"},
42                 {"id":"44","name":"貝塔2","age":"100"},
43                 {"id":"55","name":"yii2","age":"120"},
44                 {"id":"66","name":"ci2","age":"160"},
45             ]
46         },2000);
47 
48     });
49 </script>
50 </html>
更多相關文章...
相關標籤/搜索
AngularJS
每日一句
每一个你不满意的现在，都有一个你没有努力的曾经。