<li
*ngIf ="element.backSoon === '0'"
class="size-list-element"
role="option"
(click)="sizeSelected($event, element)">
<a href="#" class="size-list-element-link">
{{element.name}}
</a>
</li>
Tengo un click en el elemento li y un enlace dentro. Mi problema es que deseo hacer un event.stopPropagation() y event.preventDefault() en su función pero salta el error:
Y el motivo es al pasar ese event.
public sizeSelected(productSize: ProductSize, event: Event) {
event.stopPropagation();
event.preventDefault();
const elementSize: ProductStatus = {
sku: productSize.sku,
availability: productSize.availability,
backSoon: productSize.backSoon
}
if ( productSize.availability === 'out_of_stock' ) {
this.selectionTxt = 'Ver tallas';
this.selectedSize.emit(elementSize);
} else {
this.selectionTxt = productSize.name || 'Ver tallas';
this.selectedSize.emit(elementSize);
}
this.visibleList = false;
}
sizeSelected()
se verá más claro el problema, aunque intuyo qué está pasando, el código del método ayudará a dar una respuesta más certera. – Roberto el 4 jun. 20 a las 9:03