这让我感到沮丧。我有一个宁静的服务,在链接上运行JSON数据: http://localhost:51133/API/SalesSystem/
所以它在我的电脑上本地运行。我可以使用基于WPF的界面从此服务获取数据没有问题。
我正在测试的另一项服务是这一项: http://rest-service.guides.spring.io/greeting
但是从我自己的服务中,似乎出现了某种错误,我无法弄清楚出了什么问题。我甚至尝试过完全响应并打印出来。通过第二项服务,我得到了一长串关于响应的数据,但是凭借我自己,我仍然得不到任何结果。好像根本没有使用该功能。
这是我的Angular代码:
angular.module('demo', [])
.controller('Hello', function ($scope, $http) {
$http.get('http://localhost:51133/api/salessystem/').
//http://rest-service.guides.spring.io/greeting
//http://localhost:51133/API/SalesSystem/
then(function (response) {
$scope.hello = 'hello';
$scope.district = response;
});
});
这是我的HTML代码:
<!doctype html>
<html ng-app="demo">
<head>
<title>Hello AngularJS</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
<script src="Scripts/hello.js"></script>
</head>
<body>
<div ng-controller="Hello">
<li>Id: <button>{{hello}}</button></li>
<li>Area: {{district}}</li>
<ul ng-repeat="obj in hello">
<li>Area: {{obj.area}}</li>
</ul>
<p>The ID is {{hello.Id}}</p>
<p>The content is {{hello.Area}}</p>
</div>
</body>
</html>
有人能看到问题吗?弹簧支架服务显示有关响应的各种数据,并且还显示带有&#34; hello&#34;的按钮。在里面。但是,当我使用自己的服务链接时,似乎根本没有返回$ scope。
哦,这是当我直接在浏览器中访问链接时返回的json :(它是一个由3个区组成的阵列)
[{"Id":1,"Area":"North Denmark","PrimarySalespersonID":1,"PrimarySalesperson":{"Id":1,"Name":"Tom B. Erichsen"},"SecondarySalespersons":null,"Stores":null},{"Id":2,"Area":"Southern Denmark","PrimarySalespersonID":2,"PrimarySalesperson":{"Id":2,"Name":"Eric B. Thomsen"},"SecondarySalespersons":null,"Stores":null},{"Id":3,"Area":"Eastern Denmark","PrimarySalespersonID":3,"PrimarySalesperson":{"Id":3,"Name":"Ben Anderson"},"SecondarySalespersons":null,"Stores":null}]