Saltar al contenido
angular challenges logo Angular Challenges

🔴 ContextOutlet en forma de tipo

Reto #4

Creado por Thomas Laforge

Información

Angular ofrece la function estática ngTemplateContextGuard para reforzar el tipo de una directiva estructural.

Sin embargo, el contexto de NgTemplateOutlet es de tipo Object. Con la ayuda de la guardia mencionada anteriormente, podemos mejorar ese comportamiento.

Declaración

En este desafío, queremos aprender como reforzar el tipo de nuestro ng-template en AppComponent.

Este desafío ofrece dos niveles de complejidad:

Nivel 1: una Interfase conocida

A continuación tenemos estas lineas de código:

Any en Person

Como se puede observar, “name” es de tipo “any”. La meta es inferir el tipo correcto.

Nivel 2: una Interfase genérica

Actualmente, tenemos estas lineas de código:

Any en Student

Como puede apreciarse, “student” es de tipo “any”. Queremos inferir el tipo de manera correcta.

Pero en esta parte, podemos pasar a ListComponent, una lista de cualquier cosa. Aun asi, queremos inferir de manera correcta el tipo de dato.

Contributors

Thanks to all the contributors who have helped make this documentation better!

  • ErickRodrCodes