Ng-repeat angular "2 layer“JSON问题
Ng-repeat angular "2 layer“JSON问题
提问于 2015-01-15 19:28:10
我对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上的数据标签中找到这些数据。我做了一些angular basic教程，这让我学会了如何使用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}}。Image是我如何命名我的ng-repeat的。但是这不起作用，所以我有点困惑。
这是我的HTML (也包含ng-app，但它在不同的文件中)
<section class="words">
<div class="colored-sidebar"></div>
<!-- content -->
<div class="previous-button"></div>
<div class="word-container" ng-controller="imageController as imageCtrl">
<h1><span>noun</span>words</h1>
<div class="category-body">
<p><span>noun</span>traveling</p><hr>
<div class="category-image" ng-repeat="image in imageList.traveling">
<img src="{{image.src}}" />
</div>
</div>
</section><!--
--></div>由于我的试验和错误，我目前处于一种狭隘的视野中。因此，也许这是我监督的事情，但我希望在我的问题上得到一些积极的反馈和批评。如果我错过了任何需要的代码，让我知道我很乐意发布它，这样别人可以更好地帮助我:-)我还没有用过太多的JSON，如果这是一个菜鸟问题，我很抱歉
在这方面，谢谢！
回答 2
Stack Overflow用户
发布于 2015-01-15 20:14:47
问题出在你的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"
}]
};Stack Overflow用户
发布于 2015-01-15 20:54:50
试着这样做。我会工作的
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="image in imageList"....It肯定行得通
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27962381
复制相关文章
相似问题
腾讯云开发者
