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