有条件地显示值取决于ng-repeat中的先前值 - angularjs

时间:2016-03-17 00:44:11

标签: angularjs

将显示以下代码:

<li ng-repeat="x in userscheds">{{x.week_day}} {{x.time_start}}-{{x.time_end}}

Monday 08:00-12:00 
Monday 13:00-17:00 
Tuesday 08:00-12:00 
Tuesday 13:00-17:00 
Wednesday 08:00-12:00 
Wednesday 13:00-17:00 
Thursday 08:00-12:00 
Thursday 13:00-17:00 
Friday 08:00-12:00 
Friday 13:00-17:00 

通过比较之前的week_day值,是否可以只显示一次week_day?像这样:

Monday 08:00-12:00 
       13:00-17:00 
Tuesday 08:00-12:00 
        13:00-17:00 
Wednesday 08:00-12:00 
          13:00-17:00 
Thursday 08:00-12:00 
         13:00-17:00 
Friday 08:00-12:00 
       13:00-17:00 

由于

2 个答案:

答案 0 :(得分:0)

你可以把{{getWeeks($ index)}}放在函数中,你可以做任何事情 - 比如检查以前的索引,如果不同则显示值。

这是糟糕的方式。最好先改变控制器中的数据结构。

答案 1 :(得分:0)

你可以写一些想法:

{{ $index > 0 && x.week_day != userscheds[$index-1].week_day ? x.week_day : ''}} {{x.time_start}}-{{x.time_end}}

Ooops *编辑:

{{ $index == 0 || x.week_day != userscheds[$index-1].week_day ? x.week_day : ''}} {{x.time_start}}-{{x.time_end}}