Wie man mehrere Foto Picker in Angular-Formly implementieren?

Question

Ich versuche, eine benutzerdefinierte Vorlage zu implementieren, um die Auswahl der Bilder zum Hochladen zu ermöglichen. Nachdem der Benutzer ein Bild ausgewählt hat, wird dies in einem horizontalen Bildlauf auf dem Formular angezeigt. Das Modellfeld ist ein Array von ausgewählten Bilddateinamen.

Die Funktionalität funktioniert perfekt in einer normalen Form, aber wenn sie in Angular-Formly konvertiert wird, funktioniert der Bildauswahlprozess, das Modellfeld (Array) wird aktualisiert, aber NG-REPEAT (horizontaler Scroller) zeigt die Bilder nicht an im Array.

Die Vorlage Ich versuche, Arbeit zu machen ist:

<!-- 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

ich das selbst gelöst. Das Problem war

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

Aus irgendeinem Grund wird der Anruf nicht durchkommen. Also rufe ich dies beim Speichern des Wertes im Array auf und ändere es in

ng-src="{{ image }}" 

Jetzt funktioniert es.