如何使用ng-repeat重复从javascript对象文字内的数组中提取的元素

Question

我正在重复一个大的javascript对象文字中的元素。目前，我正确显示每个产品的选项卡式导航，图像和标题。但是我无法正确显示信息。我有以下代码：

<div ng-repeat="section in tab.sections" class="product">            
    <div  ng-repeat="child in section.children" ng-if="productIsActive(child, $index)">
        <div class="additionalProductInfo">                             
            <nav class="secondaryTabbedNavigation">
                <ul>
                    <li class="active" ng-repeat="pTabs in child.productTabs">
                        <a class="activelink" href="#">{{pTabs.title}}</a>  //title of each tab                 
                    </li>
                </ul>
            </nav>

        </div>

        <div class="productImage">
            <img ng-src="{{ child.productImageURL }}"/> //the product image
        </div>
        <div class="productInfo">
             <h2 class="productTitle">{{ child.title}}</h2> //the product title
             <div ng-repeat="info in pTabs.infoData" class="productDescription">
                 <p>
                    {{info[1]}} //product info goes here. 
                 </p>                                                   
             </div>                           
        </div>              
    </div>    
</div>

我还尝试了使用{{info}}“{{info[i][i]}}”，“$index”以及一些事情。但是当“{{info}}”没有显示任何内容时，我认为我正在错误地检索数据。

以下是所有这些信息来自的“标签”javascript对象：

正如您所看到的，产品信息是二维数组（第一个数组带有信息的标签（例如“标题”，“链接”），相应的信息在第二个数组中。我知道这可能不太理想，但这些信息目前是从容易发生变化的.csv文件中获取的 我无法改变他们如何进入这个javascript对象。

我知道这可能看起来过于复杂，但这与我需要从大型javascript对象获取数据一样深，我非常接近。

如何从二维数组（infoData[1]）中获取第二个数组中的内容，就像我对标签，图像和标题所做的那样。

非常感谢你的时间！