如何使用angularjs和$resource读取serveur的响应

Question

我尝试从本地服务器读取Json，但没有任何内容出现。 我尝试了许多不同的方法，但仍然无法访问对象中的数据。您可以看到下面的代码：

棱角分明.js

var app = angular.module('myApp', ['ngResource']);
function ControllerMsg($scope, $resource) {
  var Msgs = $resource(url, null, {
      getAll: {method: 'JSON', isArray: false}
    });
  $scope.messages = Msgs.getAll();
}

索引.html

<table>
    <tbody ng-repeat="(data, msgData) in messages">
        <tr ng-repeat="(key, value) in msgData">
            <td>{{key}}</td>
            <td>{{msgData}}</td>
        </tr>
    </tbody>
</table>

在响应火虫选项卡时，我看到：

{"Message":[{"id":"0","key":"key 1","value":"Value 1"},{"id":"1","key":"key 2","value":"Value 2"}]}

任何解决此问题的帮助或建议将不胜感激！

最后我发现Chrome错误：没有"访问控制允许原产地"...

有什么帮助吗？

Answer 1

你的消息似乎是一个数组，所以重复应该是这样的

<table>
    <tbody ng-repeat="message in messages">
        <tr ng-repeat="(key, value) in message">
            <td>{{key}}</td>
            <td>{{message}}</td>
        </tr>
    </tbody>
</table>

Answer 2

最后我找到了解决方案，错误的事情，对于本地服务器，我们不能使用这种URL：

http://localhost:8080/mywebapp/blabla

只有这个

/mywebapp/blabla

因为同源政策