AngularJS 服務

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>angular服務</title>
<!--
        概念:
        angular的服務就是一個函數,或者對象。
       
        使用步驟:
        1.放入控制器
        -->
        
        <script type="text/javascript" src="js/angular.min.js" ></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<input type="button" value="get請求" ng-click="get()" />
<input type="button" value="超時" ng-click="chaoshi()" />





<script type="text/javascript">
var mo = angular.module("myApp",[]);
mo.controller("myCtrl",function($scope,$http,$timeout){

//$http.get("地址").then(方法1:成功,方法2.失敗的回調方法);
$http.get("js/data.json").then(function(qingqiu){

console.log("成功------")
//取出數據
var da = qingqiu.data;
console.log(da +"----"+da.name);

},function(qingqiu){

console.log("失敗----------")
});



//超時的操作
$scope.chaoshi = function(){

$timeout(function(){

alert("我是超時呀!!!!!")
},3000)
}


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