始终加载(自动)的角度函数

Question

我有一个函数加载引用数据和图像，另一个函数从文件夹加载图像本身。

有没有一种方法可以让加载图像的功能始终有效？也就是说，如果您上传了一张图像，该功能将自动执行并上传该图像。

目前我正在使用(点击(执行函数，但我想要的是它总是自动执行的。

HTML

<div class="container-fluid first">
<div class="row tab-pane Galeria">
<div *ngFor="let product of products" (click)="ImageInfo($event,product.id)" class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="image-item">
<a class="d-block image-block h-100" >
<img [src]="Imagenss" class="Images img-fluid" alt="">
<div class="ImageText"> {{product.name}}</div>
</a>
</div>
</div>
</div>
</div>

组件.ts

ImageInfo(e, id) {
if (e != null) {
this.ID = id;
}
var self = this;
self.homeService.getImage(self.ID).then(function (resultado) {
if (resultado) {
self.Imagenss = resultado;
}
}).catch(); 
}

Answer 1

您的问题非常不清楚，所以我不确定这是否正是您想要做的，但您可以使用函数setInterval运行每X毫秒自动上传图像的函数。

关于您的代码的两个旁注：

1. 您应该使用let而不是var，范围不相同，如果使用var:What'；s使用"；设"；以及"；var">
2. 您不需要使用self = this，如果使用匿名函数作为回调，则可以直接使用this：

ImageInfo(e, id) {
if (e != null) {
this.ID = id;
}
this.homeService.getImage(this.ID).then(resultado => {
if (resultado) {
this.Imagenss = resultado;
}
}).catch(); 
}