我通过使用 anchor 标记使整个 li 元素可点击:
<li *ngIf="notification.payload.table">
<a class="d-flex justify-content-between" (click)="updateTableNotificationReadStatus(notification)">
<div class="d-flex flex-column">
<span style="font-size: 1.1rem">
<strong>{{notification.payload.username}}</strong> requested access for table - {{notification.payload.table}}.
<span style="font-size: 0.9rem">{{notification.payload.time}}</span>
</span>
<span *ngIf="notification.payload.note"class="note">
<span class="noteLabel">Note</span>
<span> This is a note attached to it</span>
</span>
</div>
<span>
<fa-icon [icon]="faClose" class="ml-auto" (click)="deleteNotification(notification)"></fa-icon>
</span>
</a>
</li>
当我点击 fa-icon 时,通知被删除,但由于我不想要的功能,我也被重定向到另一个页面?
如何在同一元素上使关闭图标可点击而不被重定向?
最佳答案
关于javascript - 使图标在 anchor 标记内可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52498607/