Question

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

Angular.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();

}

的index.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>

在回应firebug标签时，我看到：

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

非常感谢任何帮助或建议来解决这个问题！

最后我发现Chrome出错了：没有'Access-Control-Allow-Origin'......

任何帮助？

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

最后我找到解决方案，错误的东西，用本地服务器，我们不能使用这种网址：

http://localhost:8080/mywebapp/blabla

只有这个

/mywebapp/blabla

因为Same Origin Policy

如何使用angularjs和$ resource读取服务器的响应

2 个答案: