Necesito hacer un enlace de enrutador en un elemento div pero también dentro de él agregar otro ancla o botón que abra el menú. Debido a que el menú del enlace del enrutador no se puede abrir. Al hacer clic en un botón, se activa el enlace del enrutador. ¿Cómo puedo hacer que funcione?
<div [routerLink]="/foo"> <span>Title</span> <button (click)="openMenu()">Open menu</button> </div>En realidad, estoy usando material angular y, de hecho, el problema se ve así:
<md-card [routerLink]="/foo"> <span>Title</span> <button md-icon-button [mdMenuTriggerFor]="menu"> <md-icon>more_vert</md-icon> </button> <md-menu #menu="mdMenu"> <button md-menu-item (click)="rename()"> <md-icon>create</md-icon> <span>Rename</span> </button> <button md-menu-item (click)="share()"> <md-icon>share</md-icon> <span>Share</span> </button> </md-menu> </md-card>prueba a continuación,
<button md-icon-button [mdMenuTriggerFor]="menu" (click)="open($event)" > <md-icon>more_vert</md-icon> </button>en el archivo ts correspondiente,
open(e){ // this will stop event to propagate to work on link click. e.stopPropagation(); }¡¡Espero que esto ayude!!