如何在我的模板组件中将PreviewTemplate绑定到dropzone-wrapper

Question

我有一个带有div和用户当前照片所在图像的表单。 我在图像顶部创建了一个图标，单击该图标可激活dropzone指令并打开框以选择新照片。

问题在于，如文档所述，选择照片时，放置区域本身会生成一个动态div。 我希望将图像重新加载到图像和已经创建的模板中。我正在尝试使用previewTemplate，但这不是我想要的，我不想创建新模板，并且希望将图像与当前图像一起重新加载到我的div中。这是可能的？如何在PreviewTemplate中绑定一个ID来引用我的div和一个已经存在的图像，以仅更改该图像的src？

我正在使用角度版本8。

示例：

<div fxLayout="column" >
   <img [src]='assets/images/{{photo}}.jpg' />
   <mat-icon class="material-icons" [dropzone]="config" 
      (init)="onUploadInit($event)" color="primary">photo_camera
   </mat-icon>
</div>

组件：

public config: DropzoneConfigInterface = {
 clickable: true,
 maxFiles: 1,
 autoReset: null,
 errorReset: null,
 cancelReset: null,
 previewTemplate: ?
};

我在stackblitz中做了一个例子。从计算机中选择照片时，dropzone会使用所选图像和效果生成一个动态div。我想要的是，将狗的图像更改为img内的新图像，旁边是dropzone的效果： https://stackblitz.com/edit/angular-uvvw3w