Angular 将产品ID传递给另一个函数以获取该产品的ID图像

我有一个从产品数据库中携带信息的功能

如何将此产品的ID传递给getImage函数，以便在其运行时找到具有相同产品ID的图像

HTML

  <div class="container-fluid first" style="cursor: pointer;" data-toggle="modal" data-target="#modalPoll" >
      <div class="row tab-pane Galeria">
        <div *ngFor="let product of products" class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
          <div class="image-item" (click)="fillModal($event, product)">
              <a class="d-block image-block h-100" >
              <homeImage> 
                <img *ngIf [src]="Images" class="Images img-fluid" alt="">
              </homeImage> 
              </a>           
            <div class="ImageText"> {{product.name}}</div>
          </div>
        </div>
      </div>
    </div>

{{product.name}

根据我的理解，只需通过传递id调用函数即可

ImageInfo(product.id)

您可以做一件事，从这个函数返回路径并为src调用它

像这样的

<img [src]="ImageInfo(product.id)"/>

您的错误是什么？这是一个服务错误的无限循环，并说您无法访问映像，因为另一个进程已在使用。我的问题是调用src中的函数。。。如果它不起作用。。。有没有办法不使用src中的product.id来获取产品id？我开始认为问题出在我的服务上。。。如果使用[src]=product.id并运行无限服务，问题是调用src中的函数。。。如果它不起作用。。。是否有任何方法可以在不使用src中的product.id的情况下获取产品id？

  <img *ngIf [src]="ImageInfo(id)" class="Images img-fluid" alt="">

  ImageInfo(id) {
      var self = this;
      self.Global.refreshToken().subscribe(function (result) {
        self.homeService.getImage(id).then(function (resultado) {
          if (resultado) {
            return resultado;
          }
        }).catch();
      });
    }