javascript - Angular 2 上传图像

Question

经过 5 个小时的挣扎，我决定提出问题，看看是否有人可以帮助我。我使用 Angular 2 作为应用程序的前端，现在我在服务器上上传图像时遇到问题。问题出在上传后，因为我的页面再次重新加载。我使用 angular2-image-upload。在 app.module 中我添加了这个:

@NgModule({
    imports: [
        ...,
        ImageUploadModule.forRoot(),
        ...
    ]
})

在 html 文件中我有这个:

 <image-upload
    [max]="100"
    [url]="'http://myurl'"
    [buttonCaption]="'Select Images!'"
    [dropBoxMessage]="'Drop your images here!'"
></image-upload>

一切正常，图像已上传，但在控制台中我得到了此信息

[WDS] App updated. Recompiling..

页面正在重新加载。

有谁知道为什么会发生这种情况吗？

提前致谢

Answer 1

可能的原因是，Angular 监听所有的变化事件并刷新。您的图像正在上传到 Angular 监听更改的目录中。例如，如果您上传图像并将图像移动到 Angular > src > assets (dir) 内。它将检测更改并重新加载整个应用程序。

考虑在 src 目录之外上传图像。您还可以了解 Angular 如何检测更改。

Angular Change Detection - How Does It Really Work?

我知道这个问题是一年前提出的，但如果有人遇到同样的问题，这可能会有所帮助。