Bootstrap Clockpicker плагин не работает с угловой

Question

Привет, я немного новичок в Angular, я использовал код, который ссылается на плагин ClockPicker для начальной загрузки, чтобы выбрать время.

         <div class="row" ng-repeat="ScheduleData in viewScheduleData.schedule">
            <div class="col-md-3">{{ScheduleData.day}}</div>
              <div class="col-md-3">
                  <div class="input-group clockpicker">
                    <input type="text" class="form-control" value="{{ScheduleData.time_start}}">
                      <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span>
                      </span>
                  </div>
              </div>

но он не работает, когда компоненты загружены, но часы работают нормально индивидуально

Answer 1

Вам нужно использовать угловую версию плагина, которая создает директиву для использования во время выполнения, когда ваши компоненты или любой элемент с этой директивой загружается, вы не можете использовать простой $(document).ready() в angular

вот угловая версия того же плагина https://github.com/linagora/angular-clockpicker

просто добавь data-lng-clockpicker в ваш вход как атрибут (директива)