我想在页面中重复两个字符串数组。以下是调试器中的数组(infoData和modelData):
Chrome检查器中的数组屏幕截图:
这是我的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">
如果我不清楚,或者您想查看更多代码,请告诉我们。非常感谢你的时间。