title: click function doesn't work anymore after I change the html
body: <p>I have a click function that opens a modal and the object's uuid, after I changed the tag where the function was in the html it stopped working, what can it be?</p>
  <p>ps: I had to put the icon in the middle of the carousel-slider to make it appear on the screen</p>
  <p>my function and my html:</p>
  <pre><code>openBannerDeleteModal(uuid ? : string): void {
    if (!uuid) return;
    const width = innerWidth &lt;
      1024 ? '100%' : '40%';
    const dialogRef = t his.matDialog.open(BannerDeleteComponent, {
      height: '20%',
      width: width,
      data: {
        uuid: uuid,
      },
    });
    dialogRef.afterClosed().subscribe(async(result) =&gt; {
      if (result) this.banners = await this.BannerService.getBanner();
      window.location.reload();
    });
  }
  
  &lt;a class=&quot;carousel-control-prev&quot; href=&quot;#carouselExampleIndicators&quot; role=&quot;button&quot; data-slide=&quot;prev&quot;&gt;
    &lt;span class=&quot;carousel-control-prev-icon&quot; aria-hidden=&quot;true&quot;&gt;
                      &lt;/span&gt;
    &lt;span class=&quot;sr-only&quot;&gt;Previous&lt;/span&gt;
  &lt;/a&gt;
  &lt;i (click)=&quot;openBannerDeleteModal(banner.uuid)&quot; *ngIf=&quot;isAdminFlag==='true'&quot; class=&quot;fas fa-trash-alt delete-modal&quot; id=&quot;banner-delete&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;
  &lt;a class=&quot;carousel-control-next&quot; href=&quot;#carouselExampleIndicators&quot; role=&quot;button&quot; data-slide=&quot;next&quot;&gt;
    &lt;span class=&quot;carousel-control-next-icon&quot; aria-hidden=&quot;true&quot;&gt;
                      &lt;/span&gt;
    &lt;span class=&quot;sr-only&quot;&gt;Next&lt;/span&gt;
  &lt;/a&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>The previous version was:</p>
  <pre><code>&lt;div class=&quot;carousel-inner&quot;&gt;
    &lt;div class=&quot;banner carousel-item {{ i === 0 ? 'active' : '' }} it-1&quot; *ngFor=&quot;let banner of banners; let i = index&quot;&gt;
      &lt;div id=&quot;tilt&quot; class=&quot; tiltElement carousel-caption&quot;&gt;
  
        &lt;i (click)=&quot;openBannerDeleteModal(banner.uuid)&quot; *ngIf=&quot;isAdminFlag==='true'&quot; class=&quot;fas fa-trash-alt delete-modal&quot; id=&quot;banner-delete&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;
  
        &lt;div class=&quot;vertical-line&quot;&gt;&lt;/div&gt;
        &lt;div&gt;
  </code></pre>