AngularJS正在使用REST服务

发布时间：2020-12-17 17:13:15 所属栏目：安全来源：网络整理

导读：我需要编写一个AngularJS页面,该页面显示来自REST服务的一些 JSON数据. 调用时REST服务显示此JSON示例数据： [{"key":"ABX1234","value":"Network Hub"}] 这是我用来检索数据的HTML页面： html ng-app head script src="https://ajax.googleapis.com/ajax/li

我需要编写一个AngularJS页面,该页面显示来自REST服务的一些 JSON数据.
调用时REST服务显示此JSON示例数据：

[{"key":"ABX1234","value":"Network Hub"}]

这是我用来检索数据的HTML页面：

<html ng-app>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
        <script>
        function Hello($scope,$http) {
            $http.get('http://host/json').
                success(function(data) {
                    $scope.json = data;
                });
        }
        </script>
    </head>
    <body>
        <div ng-controller="Hello">
            <p>The ID is {{json.key}}</p>
            <p>The content is {{json.value}}</p>
        </div>
    </body>
</html>

不幸的是,没有显示为json.key或json.value.你能帮我找出问题所在吗？
谢谢！

解决方法

它应该是这样的：

<div ng-controller="Hello">   
    <div ng-repeat="json in json">
                <p>The ID is {{json.key}}</p>
                <p>The content is {{json.value}}</p>
    </div>
</div>

你正在获得一系列对象.它需要迭代.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!