服務$http/$interval/$timeout

====================================================$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>



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章