我的AngularJS应用程序中没有得到json rest响应

时间:2017-10-26 15:22:47

标签: angularjs json rest http

这让我感到沮丧。我有一个宁静的服务,在链接上运行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}]

0 个答案:

没有答案