• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

161
Views
¿Cómo obtener un nombre de icono impresionante de fuente cuando se usa el evento de clic en él?

Entonces, si hago esto en mi componente HTML:

 <fa-icon [icon]="faSort" (click)="sort($event)"></fa-icon>

¿Cómo obtendré su nombre en mi componente ts?

 sort(event: Event) {???}

Intenté hacerlo así:

 sort(event: Event) { console.log(event['target']['ownerSVGElement']['classList'][1]) }

Pero el método anterior es muy inconsistente. ¿Hay una mejor manera de hacer esto?

Enlace del paquete Font Awesome: https://www.npmjs.com/package/@fortawesome/angular-fontawesome

almost 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Suponiendo que realmente no le importe nada más que el valor del evento pueda contener.

 sort(event : any) { console.log("Icon Name: ", event.iconName); } <fa-icon [icon]="faSort" (click)="sort({ iconName: 'faSort'})"></fa-icon>

Suponiendo que aún desea capturar el evento real en sí:

 <fa-icon [icon]="faSort" (click)="sort({event: $event, iconName: 'faIcon'})"></fa-icon>

La razón por la que esto funciona es que permitimos que nuestro tipo acepte un tipo de cualquiera, y estamos creando un objeto completamente nuevo usando las llaves.

almost 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error