HTML视图看不到AngularJS

HTML view cannot see AngularJS

本文关键字：AngularJS 看不到 视图 HTML      更新时间：2023-09-26

我正在使用AJAX使用AngularJS进行后端调用。我的调用成功返回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>

我的问题是，"字段码。Items "在html中没有任何内容。所以它不显示我从JSON中得到的ID和Comment。

有人能帮帮我吗?我是AngularJS的新手。所以，如果这是显而易见的，请原谅。

不使用model。Items = data;，使用model = data;否则它将不能正确定义。当您在视图(模型绑定)项中使用时。我看起来不错。所以尝试这个(模型=数据)希望这将工作。我可以回答你更具体，如果你可以发送JSON样本。

谢谢利雅得'

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

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

确保您的模块已注册到文档中的HTML标记。我想应该是"ng-app"。"

也许我看错了，但似乎你正在将此对象分配给model.items 

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

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

相关文章：