Home / Questions / 413535
Accepted
ger
Asked: 2021-12-11 06:34:10 +0800 CST 2021-12-11 06:34:10 +0800 CST

Invoke a Component from a click event in angular 7

  • 772

What I need is to have something like this,

<button (click)="onClick($event)">Aca <app-Recibos></app-Recibos></button>

You can see that I am a newbie with angular I do not know if it can be done or any suggestion to perform this action.

what I want is to bring the component in the html where I have the buttons and close it again, it would be something like a modalwindow.

html

1 Answers

  1. Best Answer

    Your onClick method could change the state of a flag:

    onClick() {
  this.mostrarRecibos = !this.mostrarRecibos;
}

    And in your template you could have something like

    <button (click)="onClick()"></button>
<app-Recibos *ngIf="mostrarRecibos"></app-Recibos>

    It's an easy option to implement, but if you want a real modal I recommend looking at angular material or ng-bootstrap, they both have ways to create modals in their component catalog.

    • 0