функция щелчка больше не работает после того, как я изменил html

#javascript #html #css #angular #typescript

Вопрос:

У меня есть функция click, которая открывает модал, и идентификатор uuid объекта, после того как я изменил тег, в котором была функция в html, она перестала работать, что это может быть?

ps: Мне пришлось поместить значок в середину ползунка карусели, чтобы он появился на экране

моя функция и мой html:

 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="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"gt;  lt;span class="carousel-control-prev-icon" aria-hidden="true"gt;  lt;/spangt;  lt;span class="sr-only"gt;Previouslt;/spangt; lt;/agt; lt;i (click)="openBannerDeleteModal(banner.uuid)" *ngIf="isAdminFlag==='true'" class="fas fa-trash-alt delete-modal" id="banner-delete" aria-hidden="true"gt;lt;/igt; lt;a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"gt;  lt;span class="carousel-control-next-icon" aria-hidden="true"gt;  lt;/spangt;  lt;span class="sr-only"gt;Nextlt;/spangt; lt;/agt; lt;/divgt; lt;/divgt;  

Предыдущая версия была:

 lt;div class="carousel-inner"gt;  lt;div class="banner carousel-item {{ i === 0 ? 'active' : '' }} it-1" *ngFor="let banner of banners; let i = index"gt;  lt;div id="tilt" class=" tiltElement carousel-caption"gt;   lt;i (click)="openBannerDeleteModal(banner.uuid)" *ngIf="isAdminFlag==='true'" class="fas fa-trash-alt delete-modal" id="banner-delete" aria-hidden="true"gt;lt;/igt;   lt;div class="vertical-line"gt;lt;/divgt;  lt;divgt;  

Комментарии:

1. что это было раньше?

2. вы также не вставили, openBannerDeleteModal

3. «активный»:»}} it-1″ *ngFor=»пусть баннер баннеров; пусть я = индекс» gt; gt;lt;идентификатор div=» наклон», класс=»наклон», класс=» Наклон», карусель-заголовок»gt; lt;я (щелчок)=» openBannerDeleteModal(баннер.uuid)»*ngIf=» isAdminFlag==»истина»»класс=» fas fa-мусор-alt удалить-модальный»идентификатор=» баннер-удалить»aria-скрытый=» истина»gt;lt;i (нажмите)=» openBannerDeleteModal(banner.uuid)»*ngIf=» isAdminFlag==»истина»»класс=» fas fa-корзина-alt удалить-модальный «идентификатор=» баннер-удалить «aria-скрытый= «истина» gt;lt;/i gt;

4. вы можете обновить его в самом вопросе

5. завершил вопрос!

Ответ №1:

Скорее всего, вы не можете нажать на саму иконку, вы можете видеть иконку, но ее может закрывать прозрачный элемент, вы можете проверить, так ли это с помощью маркера введите описание изображения здесь