Как реализовать несколько сборщиков фотографий в Angular-Formly?

Question

Я пытаюсь реализовать пользовательский шаблон для выбора изображений для загрузки. После того, как пользователь выбирает изображение, оно отображается в горизонтальном скроллере на форме. Поле модели представляет собой массив выбранных имен файлов изображений.

Функциональность прекрасно работает в нормальной форме, но при преобразовании в Angular-Formly процесс выбора изображения работает, поле модели (массив) обновляется, но NG-REPEAT (горизонтальная прокрутка) не показывает изображения в массиве.

Шаблон, который я пытаюсь сделать, это:

<!-- IMAGE HORIZONTAL SCROLLER AND INPUT -->
<script type="text/ng-template" id="imagePicker.html">
 <ion-item class="item-icon-right">
    <i class="icon ion-images" ng-click="to.onclick(model,options)"></i>
      <ion-scroll direction="x" style="height:200px; min-height: 200px; overflow: scroll; white-space: nowrap;">
          <img ng-repeat="image in model[options.key]" ng-src="{{urlForImage(image)}}" style="height:100px; padding: 5px 5px 5px 5px;"/>
      </ion-scroll>
  </ion-item>
</script>
<!-- END OF IMAGE HORIZONTAL SCROLLER AND INPUT -->

Answer 1

Я решил это сам. Проблема была

ng-src="{{urlForImage(image)}}"

По какой-то причине звонок не проходит. Поэтому я вызываю это, сохраняя значение в массиве и меняя его на

ng-src="{{ image }}"

Теперь это работает.