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ásPipes en Angular | Guía completa

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ásUso avanzado de los componentes en Angular | Parte #1

Directives en Angular: guía práctica

angular directives portada

Índice ¿Qué son las directives?Ejemplo para nuestra demo*ngIf directiveAñadiendo un else al *ngIfngStyle directivengClass directive*ngFor directiveEjerciciosMás recursos de aprendizaje ¿Qué son las directives?Las directives, junto con los componentes, son una pieza clave para poder construir aplicaciones con Angular.  Son, esencialmente, instrucciones para manipular el DOM. De hecho, los componentes encajan dentro de esta descripción, ya que cuando usamos el … Leer másDirectives en Angular: guía práctica

Guía práctica del databinding 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 bindingEjerciciosMi solución ¿Qué es el databinding?El databinding es la forma que tiene Angular para permitirnos mostrar contenido dinámico en lugar de estático (aka hardcoded). Podríamos traducir el databinding como «comunicación» entre nuestro código HTML (archivo … Leer másGuía práctica del databinding en Angular

Entendiendo los componentes en Angular

componentes en angular

Índice IntroCreación de nuestro primer componenteEntendiendo el papel del AppModuleUsando 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 NOTA: IDIOMAS, QUERIDA.Es posible que alguna vez traduzca algún término de programación, pero lo normal es que no lo haga, porque considero … Leer másEntendiendo los componentes en Angular

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 component ¿Qué vamos a construir?Minioland, o así he decidido … Leer másConstruye Minioland: Tu primera aplicación con Angular | Parte #1

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