18910140161

JavaScript-显示问题:使用ng-repeat将不同的列表放在表的不同列中-堆栈溢出

顺晟科技

2022-10-18 13:25:37

100

向上

我的JS中有2个不同的元素列表,我想在一个表中显示,每个列表都在一个带有NG-REPEAT的列中。问题是第二个列表中的元素出现在两列中,我不明白为什么。除上述问题外,所有项目均显示良好。以下是我尝试过的:

我的JS代码中:

lslist、dayslist、listrbsj1listrbsj2是元素列表下面是我的列表顺序:LSLISTS、LISTRBSJ1和LISTRBSJ2

<代码>tableau=[{ls:lslist},{天:天列表},{RBSJ1:列表BSJ1},{RBSJ2:列表BSJ2}];$scope.lslist=tableau[0].ls;$scope.dayslist=tableau[1].days;$scope.listrbsj1=tableau[2].rbsj1;$scope.listrbsj2=tableau[3].rbsj2;$scope.getValue=函数(ls,lsindex,day,dayindex){返回ListRbsJ1[lsIndex+dayIndex*ResultsJ1.Length]}$scope.getValue2=函数(ls,lsIndex,day,dayIndex){返回ListRBSJ2[(lsIndex-ResultsJ1.Length)+DayIndex*lsList.Length]}

我的HTML中,这是我尝试过的:

<代码><;table cellpadding=“ 20 ” rules=“ groups ” frame=“ box ”>;<;头(>;)<;TR>;<;th>;服务<;/TH>;<;th style=“ width:100px ” ng-repeat=“ Day in DaysList ”>;{{day}}<;/th>;<;/tr>;<;/thead>;<;正文(>;)<;tr ng-repeat=“ ls in lslist track by$index ” ng-init=“ lsindex=$index;”>;<;TD style=“ width:100px ” Class=“ xl153 ”>;{{ls}}<;/TD>;<;TD style=“ width:100px ” Class=“ xl153 ” ng-repeat=“ Days in DaysList ”>;{{getValue(ls,$parent.$index,day,$index)}}{{getValue2(ls,$parent.$index,天,$index==$1)}}<;/TD>;<;/tr>;<;/t正文>;<;/表格>;

这是我桌子

里的东西。

红色是来自listrbsj1的元素蓝色是来自listrbsj2的元素。因此,在红色的ListRBSJ1之后不应该有任何内容,并且ListRBSJ2位于最后一列的正确位置。我的seocnd列表";listrbsj2";出现两次.

我有

张桌子

(最后一列中的第二个列表在第一个列表之后开始也是正常的)

怎样才能纠正这一点,以避免这种重复

我在这个问题上卡住太久了,如果你能帮助我,这将意味着很多,谢谢

另外,请告诉我我能做些什么来改进我的帖子以得到回复?


顺晟科技:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航