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 }}"

现在可行。

如何在Angular-Formly中实现多个照片选择器？

1 个答案: