AngularJS服务$http,$interval,$timeout
来源:互联网 发布:伦纳德官方体测数据 编辑:程序博客网 时间:2024/06/03 19:50
$http---------------------------------------
<script type="text/javascript" src="../AngularJS/angular.js" ></script>
<script>
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope,$http){
//$scope.users;
$http({
method:"get",
url:"myJson.json"
}).then(function success(response){
//console.log(response.data[0].name);
$scope.users = response.data;
//console.log(users);
},function error(){
console.log("失败");
});
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<center>
<table border="1px" cellpadding="10" cellspacing="0">
<caption>用户信息表</caption>
<thead>
<tr>
<th>ID</th>
<th>用户名</th>
<th>年龄</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="user in users">
<td>{{user.id}}</td>
<td>{{user.name}}</td>
<td>{{user.age}}</td>
</tr>
</tbody>
</table>
</center>
</body>
$interval
---------------------------------------------------------------------------------------
<script type="text/javascript" src="../AngularJS/angular.js" ></script>
<script>
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope,$interval){
$scope.date = new Date().toLocaleTimeString();
$interval(function(){
$scope.date = new Date().toLocaleTimeString();
},1000,5);
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<p>当前时间为:{{date}}</p>
</body>
$timeout
-------------------------------------------------------------------------------------------------
<script type="text/javascript" src="../AngularJS/angular.js" ></script>
<script>
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope,$timeout){
$scope.name = "张三";
$timeout(function(){
$scope.name = "李四";
},3000);
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<p>3s之后变变变:{{name}}</p>
</body>