正文
AngularJs练习Demo9 Http
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
@{
Layout = null;
}<!DOCTYPE html><html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Provider</title>
<script type="text/javascript" src="~/Scripts/angular.js"></script>
<script type="text/javascript">
var myApp = angular.module("myApp", []); //
myApp.service("serviceServices01", function ($http, $log) {//不能直接返回字符串，因为内部是用new来实例化的所以可以直接用this来表示当前的service
//var _name = "";
//var service = {};
//service.setName = function (name) {
// _name = name;
//}
//service.getName = function (name) {
// return _name;
//}
//return service;
// $log.warn("警告");
var _name = "";
var service = {};
this.setName = function (name) {
_name = name;
};
this.getName = function (name) {
return _name;
};
this.getData = function () {
var myUrl = "http://wwww.phonegap100.com/apiapi.php?a=getPortallList&catid=20&page=1&callback=JSON_CALLBACK"; return $http.jsonp(myUrl, { cache: true });//缓存请求，相同的请求直接从缓存取数据不会再跑服务器
// return _name;
} }); myApp.controller("firstController", ["$scope", "serviceServices01", "$location", function ($scope, serviceServices01, $location) {
$scope.name = "张三";
console.log($location.absUrl()); serviceServices01.getData().success(function (data) {
console.log(data);
}).error(function (err) {
console.log("失败");
});
}]); myApp.controller("secondController", ["$scope", "serviceServices01", function ($scope, serviceServices01) {
$scope.name = "李四";
}]); </script></head>
<body>
<div ng-app="myApp">
<div ng-controller="firstController"> {{name}} </div>
<div ng-controller="secondController"> {{name}} </div>
</div>
</body>
</html>
