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

我正在重复一个大型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>

//每个选项卡的标题


//产品形象
{{child.title}}//产品标题

{{info[1]}}//此处显示产品信息。

我还尝试了“

{{info}}

”、“

{{info[I][I]}}

”，以及使用

$index

进行一些操作。但是当“

{{info}}

”没有显示任何内容时，我认为我检索的数据不正确

以下是所有这些信息来自的“选项卡”javascript对象：

正如您所看到的，产品信息位于二维数组中（第一个数组带有信息的标签（例如“标题”、“链接”），而相应的信息位于第二个数组中。我知道这可能并不理想，但此信息当前是从易于更改的.csv文件中获取的 我无法改变它们是如何进入这个javascript对象的

我知道这可能看起来过于复杂，但这与我从大型javascript对象获取数据所需的深度差不多，我非常接近

如何从二维数组（

infoData[1]

）中的第二个数组中获取内容，以便像对待选项卡、图像和标题一样显示

---

非常感谢您抽出时间！

InfoData是一个数组，因此您需要循环它并使每个元素display@MaxZoom嘿，麦克斯，谢谢你的输入。这是我第一次使用angular，你是说使用ng repeat来“循环”吗在HTML中通过它，还是需要一个javascript方法使用$index在infodata数组中循环找到合适的产品？谢谢。它只是{{info}未显示的内容？是的，ng repeat将在每个重复项上为其自身设置一个ng if。因此，您很可能存在范围问题。ng if在创建这些元素时会创建自己的新范围。请参阅