Directivas en Angular | Guía de iniciación

angular directives portada

Índice ¿Qué son las directivas?Ejemplo para nuestra demoTipos de directivasngIf directiveAñadiendo un else al ngIfngStyle directivengClass directiveConcatenaciónngFor directivengFor + índiceMás recursos de aprendizaje TEN EN CUENTA QUE…En este artículo vamos a introducir un pilar básico de Angular: las directivas. Si acabas de aterrizar aquí y estos temas te suenan a chino, te recomiendo que eches un … Leer más Directivas en Angular | Guía de iniciación

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Guía de iniciación al data binding en Angular

data binding poster

Índice ¿Qué es el databinding?Ejemplo para nuestra demoTipos de databindingString interpolationProperty binding¿Cómo saber cuándo usar string interpolation y cuándo property binding?Event bindingUso de la palabra clave $eventTwo way data bindingMás recursos de aprendizaje ¿Qué es el databinding?El databinding es la forma que tiene Angular para permitirnos mostrar contenido dinámico en lugar de estático (en inglés, hardcoded). Podríamos traducir el databinding como «comunicación» entre nuestro … Leer más Guía de iniciación al data binding en Angular

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Claves para entender Angular – Qué es y cómo se utiliza

portada claves para entender angular

Índice FrameworksSPAsVersiones de AngularLo que debes saber antes de empezar con AngularTypeScriptCómo empezar a usar Angular – Primeros pasosCómo editar un proyecto con AngularOrganización de un componenteContenido estático vs. contenido dinámicoAngular en la consola de las developer toolsCódigo dinámicoExtra: cómo añadir Bootstrap a un proyecto de AngularPracticar lo aprendido Angular es un framework creado por Google que … Leer más Claves para entender Angular – Qué es y cómo se utiliza

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Angular: Entendiendo la Directiva ngModel

ngModel

Angular es un framework que nos permite, entre otras cosas, añadir contenido dinámico a nuestros archivos HTML. Una de las formas en las que podemos conseguir esto es utilizando la directiva ngModel. 🤷‍♀️ ¿MÁS PERDID@ QUE UN PULPO EN UN GARAJE? 🐙Si acabas de aterrizar aquí y estos temas de Angular te suenan a chino, te recomiendo … Leer más Angular: Entendiendo la Directiva ngModel

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

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

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Pipes en Angular | Guía completa

portada pipes en angular

Índice ¿Qué son los pipes?Estado inicial de nuestra demo-appPipes uppercase y lowercasePipe: sliceCon un parámetroCon dos parámetrosPipe: decimalPipe: percentPipe: currency Pipe: JSONPipe: asyncPipe: dateFormatos de fecha personalizadosFechas en otros idiomasPipes personalizadosCreación manual de un pipeCreación automática de un pipe personalizado mediante Angular CLIUn último pipe personalizadoMás recursos de aprendizaje ¿Qué son los pipes?Los pipes son una herramienta de … Leer más Pipes en Angular | Guía completa

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Cómo solucionar problemas comunes del Angular CLI

angular cli tips and tricks

Índice ProblemaSolución paso por pasoMás recursos de aprendizaje Problema¿Te ha pasado alguna vez que, al intentar escribir un comando del Angular CLI, a sabiendas de que lo tienes instalado, te ha dado este error? C:\Users\User\workspace\my-first-app (master -> origin) λ ng version ‘ng’ is not recognized as an internal or external command, operable program or batch … Leer más Cómo solucionar problemas comunes del Angular CLI

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Construye Minioland: Tu primera aplicación con Angular | Parte #1

construye minioland

Índice ¿Qué vamos a construir?¿Cómo vamos a construirla?¿Y esto a qué viene?Consideraciones previas y materialesInicio de la appProceso de carga de una aplicación en AngularCreación de la estructura de nuestro proyectoAñadiendo Bootstrap a nuestro proyecto Primeras configuraciones del navbar componentPrimeras configuraciones del home componentCreación del about component y del minions componentMás recursos de aprendizaje ¿Qué vamos a construir?Minioland, o … Leer más Construye Minioland: Tu primera aplicación con Angular | Parte #1

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Componentes y databinding en Angular: Guía avanzada | Parte #3

portada componentes y databinding guia avanzada

Índice Qué es el ciclo de vida de un componenteLifecycle hooks en acciónngOnInitngOnChangesngDoCheckAfterContentInitngAfterContentCheckedngAfterViewInitngAfterViewCheckedngOnDestroyCómo acceder a la template de un componente en distintas fases de su ciclo de vidaCómo acceder al contenido proyectado con ngContent a través de @ContentChildMás recursos de aprendizaje Retomamos esta saga sobre el uso avanzado de componentes y databinding en Angular. Aquí tienes las partes #1 … Leer más Componentes y databinding en Angular: Guía avanzada | Parte #3

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Services y dependency injection: Guía completa – Parte 1

portada services y dependency injection

Índice Qué son los services y para qué sirvenEstado inicial de nuestra appCómo crear un service que imprima datos en la consolaCómo NO usar un serviceMás recursos de aprendizaje En esta serie de posts, con un ejercicio bonus al final de la parte #3, vamos a tratar los servicios y la inyección de dependencias en profundidad. Si … Leer más Services y dependency injection: Guía completa – Parte 1

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

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