Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

160
Views
¿Cómo pasar un Enum typecsript completo como una entrada de componente en Angular?

Tengo un componente genérico que recibe un Enum como entrada:

 TableComponent<Columns> { @Input() columnsEnum: Columns; }

El Enum se ve así:

 export enum CardsEnum { CODE = 'sCode', NAME = 'sName', ID = 'sId' }

Y en mi plantilla de titular, tengo una instancia de table-component como esta:

 <table-component [columnsEnum]="cardsEnum"></table-component>

Y en mi .ts del componente titular, tengo una referencia al Enum :

 cardsEnum = CardsEnum

Angular infiere el tipo de Columns correctamente, configurando esto para que sea CardsEnum . El problema es que en la plantilla donde estoy instanciando table-component , recibo el siguiente error en la entrada:

 Type 'typeof CardsEnum' is not assignable to type 'CardsEnum'.

Y eso es cierto, si observo mi componente titular, el tipo que almacena mi variable es typeof CardsEnum , no CardsEnum :

 (property) HolderComponent.cardsEnum: typeof CardsEnum

Puedo omitir el error al configurar cardsEnum = CardsEnum as unknown as CardsEnum pero no quiero hacer eso.

No puedo importar el Enum directamente en table-component porque voy a pasar diferentes enumeraciones a este componente, ya que es un componente genérico y ese es mi objetivo.

¿Alguna sugerencia sobre cómo solucionar este error?

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!