HTML视图看不到AngularJS

Question

我正在使用AngularJS和AJAX进行后端调用。我的调用成功返回了JSON。这段代码是在JavaScript文件中编写的。

我在相同的代码库中有一个html文件，它不能迭代通过这个JSON。我的JavaScript代码片段如下：

        angular.module('kmapp').controller("FieldCodesCtrl", ['$scope', function($scope){

                var model =  {};

                console.log("FieldCodesCtrl");
                $http.get("/my/rest/URL").success(function (data) {
                    model.items = data;
                    console.log("data set on items");
                    $scope.fieldCodes = model;
                    console.log($scope.fieldCodes.items.length);
                });


               // $scope.fieldCodes = model;

            }]);

我的html如下：

            <tr ng-repeat="item in fieldCodes.items">
                <td>{{item.id}}</td>
                <td>{{item.comment}}</td>
            </tr>

我的问题是"fieldCodes.items“在html中什么都没有。因此，它不会显示我从JSON获得的ID和注释。

有人能帮帮忙吗。我是AngularJS的新手。因此，如果这是显而易见的事情，请原谅。

Answer 1

不使用model.items = data；，而使用model = data；，否则它将无法正确定义。当您在视图(模型绑定)中使用时，item.id看起来没问题。所以试试这个(model = data)，希望这能行得通。我可以回答你更具体，如果你可以发送样本JSON。

谢谢\利雅得

Answer 2

$http需要注入到你的控制器中。

.controller("FieldCodesCtrl", ['$scope', '$http', function($scope, $http){

确保您的模块已注册到文档中的HTML标记。我认为它类似于“ng-app”。

Answer 3

{ fieldCodes: { 
    items: [
        { id: XXX name: CCC value: DD comment: AA }, 
        { id: aaaa name: aaaaadd value: ddf comment: ee }] 
    }
}

难道您不希望model = data.fieldCodes;能够使用fieldCodes.items吗