Javascript Ng重复角度“;2层“;JSON问题

Javascript Ng重复角度“;2层“;JSON问题,javascript,json,angularjs,Javascript,Json,Angularjs,我对angular有些陌生,目前我正在为学校做一个项目来学习这个美丽的框架。但我遇到了一个目前无法解决的问题。我在网上搜索了很多,但没有找到适合我的东西 这是我的控制器,其中包含JSON (function() { app.controller('imageController', function(){ this.imageList = imageJson; }); var imageJson = [{ "tra

我对angular有些陌生,目前我正在为学校做一个项目来学习这个美丽的框架。但我遇到了一个目前无法解决的问题。我在网上搜索了很多,但没有找到适合我的东西

这是我的控制器,其中包含JSON

(function() {
      app.controller('imageController', function(){

       this.imageList = imageJson;
      });

        var imageJson = [{
            "traveling": [{
                "name": "Kenneth Appiah",
                "label": "pisa",
                "src": "public/media/images/noun/traveling/pisa.svg"
            },
            {
                "name": "Oliver TubeGeometry",
                "label": "eiffel tower",
                "src": "public/media/images/noun/traveling/eiffel.svg"
            },
            {
                "name": "Adriano Gazzellini",
                "label": "colosseum",
                "src": "public/media/images/noun/traveling/colisseum.svg"
        }]
    }];

})();
我正在使用,我称之为,两层JSON(只希望您理解我在这里的意思:-)。但由于某些原因,我无法在HTML上的datatags中访问这些数据。我做了一些angular基础教程,这让我学会了如何使用json,而不是以以下内容开头:

    "traveling": [{
            "name": "Kenneth Appiah",
            "label": "pisa",
            "src": "public/media/images/noun/traveling/pisa.svg"
        }]
但就像这样:

{
                "name": "Kenneth Appiah",
                "label": "pisa",
                "src": "public/media/images/noun/traveling/pisa.svg"
            }
所以我的假设是,我的数据绑定类似于{{image.traveling.src}。图像是我如何称呼我的ng repeat。但这不起作用,所以我有点困惑

这是我的HTML(也包括ng应用程序,但它位于不同的文件中)


名词词
名词旅游


由于我的尝试和错误,我目前处于一个隧道的视野。因此,也许这是我监督的事情,但我希望对我的问题有一些积极的反馈和批评。如果我遗漏了所需的任何代码,请告知我很乐意发布,以便有人能更好地帮助我:-) 我还没有使用JSON,如果这是一个noob问题,我很抱歉


谢谢你

问题在于json对象。如果您将json格式化为如下所示的格式,它将正常工作

var imageJson = {
            "traveling": [{
                "name": "Kenneth Appiah",
                "label": "pisa",
                "src": "public/media/images/noun/traveling/pisa.svg"
            },
            {
                "name": "Oliver TubeGeometry",
                "label": "eiffel tower",
                "src": "public/media/images/noun/traveling/eiffel.svg"
            },
            {
                "name": "Adriano Gazzellini",
                "label": "colosseum",
                "src": "public/media/images/noun/traveling/colisseum.svg"
            }]
        };

像这样试试。我会工作

var imageJson=[{
                "name": "Kenneth Appiah",
                "label": "pisa",
                "src": "public/media/images/noun/traveling/pisa.svg"
            },
            {
                "name": "Oliver TubeGeometry",
                "label": "eiffel tower",
                "src": "public/media/images/noun/traveling/eiffel.svg"
            },
            {
                "name": "Adriano Gazzellini",
                "label": "colosseum",
                "src": "public/media/images/noun/traveling/colisseum.svg"
        }];

使用
ng repeat=“图像列表中的图像”
…它肯定会工作的

谢谢!我已经在代码中实现了json。它没有给出任何错误,所以我认为它是正确的。即使如此,当我查看我的console.log时,我也会看到:它甚至没有重复任何内容。我遗漏了什么吗?你的意思是图像没有显示?同时在控制器应用程序中插入作用域。控制器('imageController',函数($scope){$scope.imageList=imageJson;});非常感谢Dee J!多亏了你的提示,我成功地让它工作了!我可能还有最后一个问题。因为我自己创建了这个JSON,所以很可能是我做错了。尽管上面的JSON只有一部分。这就是整个JSON。你可能知道我在创建这个JSON的时候做错了什么,这样它就可以在我的angular项目中工作了吗?(抱歉语法不好)。再次感谢!
var imageJson=[{
                "name": "Kenneth Appiah",
                "label": "pisa",
                "src": "public/media/images/noun/traveling/pisa.svg"
            },
            {
                "name": "Oliver TubeGeometry",
                "label": "eiffel tower",
                "src": "public/media/images/noun/traveling/eiffel.svg"
            },
            {
                "name": "Adriano Gazzellini",
                "label": "colosseum",
                "src": "public/media/images/noun/traveling/colisseum.svg"
        }];