Question

请建议，

我正在使用角度js创建具有json输出的rest客户端，虽然已经收到了休息数据，但它从未正确填充到视图html中。

是否在角度控制器上定义了错误的$ scope数据？

下面是json rest输出数据。

{
 "Job": [
    {
        "id": "1",
        "prize": "car"
    }
       ]
}

和 名为“some.js”的

的javascript控制器

var app = angular.module("MyApp", []);

app.controller("PostsCtrl", function($scope, $http) {
$http.get('jsonURL').
success(function(data, status, headers, config) {
  $scope.posts = data.Job;
 }).
error(function(data, status, headers, config) {
 });
});

和 html view

<!doctype html>
<html ng-app="MyApp">
<head>
    <title>Test AngularJS</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js"></script>
    <script src="some.js"></script>
</head>

<body>
    <div ng-controller="PostsCtrl">
        <ul ng-repeat="post in posts">
            <p>The ID is {{post.id}}</p>
            <p>The prize is {{post.prize}}</p>
        </ul>
    </div>
</body>
</html>

Answer 1

对我来说没问题。您可能需要检查的一件事是http响应具有application / json的内容类型标头，否则angular将无法正确解析数据。

尝试将其作为解决方法：

var jsonResponse = eval('('+data+')');
$scope.posts = jsonResponse.Job;

或者只是确保您的标题设置正确，您不必这样做。

使用angular js的Json rest客户端无法填充数据（空值）

1 个答案: