我想在ng-repeat中选择预约按钮下显示手风琴,这里显示在第一个按钮

时间:2018-04-10 11:30:23

标签: angularjs html5

我想在ng-repeat中选择书籍预约按钮下显示手风琴,但这里显示在第一个按钮下..请帮忙!我也附了屏幕截图.. enter image description here

<tbody ng-repeat="schedule in scheduleListByDate | orderBy:'scheduledDate':false">
   <tr>
       <td>{{$index+1}}</td>
       <td>{{changeDateformate(schedule.scheduledDate);}}</td>        
       <td>{{schedule.doctor.firstName}}{{schedule.doctor.lastName}}</td>
       <td>{{schedule.fromTime | date:'HH:mm:ss'}}</td>
       <td>{{schedule.toTime | date:'HH:mm:ss'}}</td>
       <td>{{arrayToString(schedule.availableDays)}}</td>
       <td>
          <button class="btn label-info" data-toggle="collapse" data-target="#demo" ng-click="findScheduledHours(schedule);">Book
        Appointment</button>
        <div id="demo" class="collapse">
            <form class="col-sm-12">        
               <div ng-repeat="scheduledHour in hoursList">
                  <div class="col-sm-3">
                     <button type="button" class="buttonAppointment" ng-click="selectScheduleSub(scheduledHourDto,scheduledHourDto.appointmentStartedDate,appointment.appointmentEnddate,scheduledHour);">{{scheduledHour}}</button>
                  </div>
               </div> 
            </form>
         </div>
      </td>
   </tr>
 </tbody>

1 个答案:

答案 0 :(得分:0)

尝试为每个人提供唯一的{% assign list = section.blocks %} <section> {% if section.settings.title %} <h2>{{ section.settings.title }}</h2> {% endif %} <ul> {% for item in list %} {% if item.settings.title %} <li> {% if item.settings.icon %} <span class="icon-area" aria-hidden="true"> <i class="icon icon-{{ item.settings.icon }}"></i> </span> <span>{{ item.settings.title }}</span> {% endif %} </li> {% endif %} {% endfor %} </ul> </section> 和相应的id

data-target