ng-repeat与项目数组不一致

时间:2015-02-16 20:30:42

标签: javascript angularjs angularjs-ng-repeat

我想在页面中重复两个字符串数组。以下是调试器中的数组(infoData和modelData):

Chrome检查器中的数组屏幕截图:

screenshot

这是我的HTML:

<div ng-repeat="info in pTab.infoData">
    <p>{{info}}</p>
</div>

<div ng-repeat="stats in pTab.modelData">  
    <p>{{stats}}</p>
</div>

然而,该页面仅显示infoData的内容,如下所示:

XPE

www.sampleurl.com

Sample summary has nulla quis lorem ut libero malesuada feugiat...

我的问题是为什么会发生这种情况,如何让第二个数组的元素像第一个一样显示?

以下是一些可能对您有用的其他信息。当我尝试不同的事情时,这让我感到有趣:

以下HTML:

<div ng-repeat="info in pTab.infoData">
    <p>{{pTab.infoData}}</p>
</div>

<div ng-repeat="stats in pTab.modelData">  
    <p>{{pTab.modelData}}</p>
</div>

将方括号中的infoData数组显示为字符串3次(infoData的长度为3)。以下HTML:

<div ng-repeat="info in pTab.infoData">
    <p>{{pTab.modelData}}</p>
</div>

<div ng-repeat="stats in pTab.modelData">  
    <p>{{pTab.infoData}}</p>
</div>

将squareData中的modelData数组显示为字符串3次。

<div ng-repeat="stats in pTab.modelData">有什么问题吗?因为div中的任何内容都不会重复,即使我将该div移到<div ng-repeat="stats in pTab.modelData">

之前

如果我不清楚,或者您想查看更多代码,请告诉我们。非常感谢你的时间。

0 个答案:

没有答案