Javascript 在第5页初始化jquery插件

所以我在angular 5应用程序中使用jquery filer进行文件上传。一切正常，但插件只有在重新加载页面后才能正常显示，因此，除非用户重新加载页面，否则他们仍然会看到默认的selectfile按钮

index.html

$（'.single file'）.filer（）；
$（'.multi-file'）.filer（）；

组件技术

其他图像

在页面加载上，这是我得到的

重新加载后，它会正确显示

在初始页面加载时，如何更好地正确显示

---

提前谢谢

把它放在你的镇静中method@David我在

ngAfterViewInit

中做了同样的事情。如果它仍然不起作用，你可以在stackblitz.com上展示一个examle吗？哇，一直在谷歌搜索一个从未知道的解决方案。在我的组件中添加ngAfterViewInit解决了这个问题。谢谢@David

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script>
  $('.single-file').filer();
  $('.multi-file').filer();
</script>

<label>Other Images</label>
<input type="file" name="other_images" class="multi-file form-control"
[(ngModel)]="product.other_images"
[formControl]="productForm.controls['otherImages']" multiple (change)="addOtherDocuments($event)" />