Ejercicio con componentes, data binding y encapsulation

portada coding challenge componentes

Índice ¿De qué va esto?InstruccionesPaso 1: Inicio y creación de los componentes de nuestra appPaso 2: Creación y ubicación de los botonesPaso 3: Creación y emisión de un custom eventPaso 4: Escuchando nuestro evento desde fuera de su componentePaso 5: Pausando el juegoPaso 6: Mostrar un componente u otro (EvenComponent o OddComponent) según la naturaleza del … Leer más Ejercicio con componentes, data binding y encapsulation

Uso avanzado de los componentes en Angular | Parte #3

portada componentes uso avanzado

Índice Ciclo de vida de un componente (aka component lifecycle)Lifecycle hooks en acciónngOnInitngOnChangesngDoCheck​AfterContentInitngAfterContentCheckedngAfterViewInitngAfterViewCheckedngOnDestroyAccediendo a la template de un componente en distintas fases de su ciclo de vidaAccediendo al contenido proyectado mediante ngContent a través de @ContentChildMás recursos de aprendizaje Retomamos esta saga sobre el uso avanzado de componentes en Angular. Aquí tienes las partes #1 y #2 si te las … Leer más Uso avanzado de los componentes en Angular | Parte #3

Uso avanzado de los componentes en Angular | Parte #2

portada componentes uso avanzado

Índice Entendiendo el alcance del View EncapsulationConfiguración del View Encapsulation ​​​​Local references como sustitutas de la directiva [(ngModel)] para acceder a nuestras propiedades del código .ts@ViewChild: otra manera de acceder a nuestras propiedades del código .tsProyectando contenido con la directiva ngContentMás recursos de aprendizaje Retomamos esta saga sobre el uso avanzado de componentes en Angular, después de ver la parte … Leer más Uso avanzado de los componentes en Angular | Parte #2

Uso avanzado de los componentes en Angular | Parte #1

portada componentes uso avanzado

Índice Estado inicial de nuestra demoDividiendo el código en componentesPasando información del parent component al child component mediante property binding y el decorador @Input()Asignando un alias a una propiedadPasando información del child component al parent component mediante la emisión de nuestros propios eventos y el decorador @Output()Asignando un alias a custom eventsConclusión de esta primera parte Los componentes son el núcleo duro de Angular, elementos re-utilizables a lo … Leer más Uso avanzado de los componentes en Angular | Parte #1

Entendiendo los componentes en Angular | Guía de iniciación

componentes en angular

Índice IntroducciónEditando nuestra appCómo crear un componenteEntendiendo el papel del AppModuleCómo usar nuestro componenteCreación automática de componentesAnidando componentesAñadiendo CSS a un componente con el apoyo de BootstrapDiferentes formas de usar el selectorMás recursos de aprendizaje TEN EN CUENTA QUE…En este artículo vamos a estudiar a fondo un pilar básico de Angular: los componentes. Si acabas … Leer más Entendiendo los componentes en Angular | Guía de iniciación

Como toda web legal que se precie, utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si continúas utilizando este sitio asumiremos que estás de acuerdo. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar