AngularJS 服务

来源：互联网发布：学建筑软件编辑：程序博客网时间：2024/04/28 04:40

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>angular服务</title>


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

阅读全文

0 0