====================================================$http======================================================================
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script type="text/javascript" src="../js/angular.js"></script>
<script>
var app=angular.module("myApp",[]);
app.controller("myCtrl",function($scope,$http){
$http({
method:"get",
url:"myJson.json"
}).then(function success(response){
$scope.arr=response;
$scope.name = response.data[2].name;
},function error(){
$scope.name="error";
}
);
});
</script>
<body ng-app="myApp" ng-controller="myCtrl">
{{arr.data}}
</body>
</html>
====================================================$interval==================================================================
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../js/angular.js" ></script>
<script>
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope,$interval){
//獲取當前系統的時間對象
$scope.time = new Date().toLocaleTimeString();
//設置定時器,每一秒調獲得以下系統時間,複製給$scope.time
$interval(function(){
$scope.time = new Date().toLocaleTimeString();
},1000,5);
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<p>當前時間爲:{{time}}</p>
</body>
</html>
====================================================$timeout===========================================================
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../js/angular.js" ></script>
<script>
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope,$timeout){
//獲取當前系統的時間對象
$scope.name = "張三";
//設置定時器,每一秒調獲得以下系統時間,複製給$scope.time
$timeout(function(){
$scope.name = "李四";
},3000);
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<p>{{name}}</p>
</body>
</html>