Nested lists showing weird results


#1

Here is my nested listed codes

 <div ng-repeat="sche in usermeta.data.addresses[0].sche">
                            <p><a class="" href="">{{sche.day}}</a></p>
                            <div ng-repeat="time in sche.times">
                            <span>{{time}}</span> 
                            <!-- {{ $last ? '':  ', ' }}
                              {{$last ? ',' : ($index==sche.times.length-2) ? ' and ' : ', '}} 
                              -->
                            </div>
                            </div>

sche.day shows “monday”, tuesday etc. and below the day, there are time periods e.g. 10-11 AM and so on, list displays well however, if I use “button” class with at line no. 2 like

{{sche.day}}

, I can see multiple button (one each with every {{time}} , I do not know why outer list is repeated equivalent to the number of schedules per day. suppose, Monday having 3 time schedule then button of Monday shown 3 times instead of one.