Cerca
Heus ací els resultats de la cerca.
Noms de pàgina coincidents:
Resultats de text complet:
- introducción a TypeScript y ECMAScript 6 (ES6)
- ngular * decoradores = característica experimental en ES6, pero consolidados en Angular * JavaScri... njunto de ECMAScript 6 (lo dota de mayores funcionalidades, destacando el tipoado de datos) * ficher... tamente, necesita ser compilado * por defecto al compilar se genera código ECMAScript 5 * defini... tipos en los parámetros de las funciones == instalación * <code bash>npm install -g typescript</co
- angular: directivas y personalización
- = angular: directivas y personalización * componentes * directivas con plantilla asociada * ... le) * [[development:angular:directivas-estructurales|directivas estructurales]] * modifican la representación del DOM añadiendo o eliminando element... ra de la vista (ngFor, ngIf) == directivas personalizadas * para extender las capacidades del frame
- angular: rutas
- = angular: rutas == rutas hijas en módulo centralizado * en vez de tener todas las rutas centralizadas, cada módulo gestiona sus propias rutas (prime... 'full', redirectTo: 'home' } ]; export const GLOBAL_ROUTES = RouterModule.forRoot(rutas); </sxh> <sxh... t; title: app.module.ts; highlight:1> import {GLOBAL_ROUTES} from './app.routes'; ... @NgModule({
- 02/03/2020
- e + crud * [[https://angular-templates.io/tutorials/about/firebase-authentication-with-angular]] * [[https://angular-templates.io/tutorials/about/angular-crud-with-firebase]] === setup ... en **package.json** y **angular.json** - actualizar con ''npm i'' - instalar un formateador de código: ''npm i --save-dev prettier'' * [[ht
- angular: directivas estructurales
- = angular: directivas estructurales * PPT 3.7 + 3.8 + 3.9 + 4.1 + 4.2 + 4.3 * lógica en capa de pr... o que queremos ocultar o mostrar * se le asigna algun expresión que retorne un boolean * angular c... style="max-width: 100%;"></sxh> * **mostrar** al estar vinculado a la directiva hace referencia a ... cript>export class BodyComponent { mostrar = false; colores: string[] = ['rojo','verde','azul'
- 09/03/2020
- 0 == librerias * creación de librerías (npm install) para reutilizar en más de un proyecto <code bash>ng new myAngularLib --create-application=false</code> * un servicio == workspace * nuev... ro la librería... Con su estructura más "tradicional" de directorios de un proyecto angular * y es... uiera crear == debugging * comunidad con tutoriales e info: [[https://fireship.io/]] * augury
- angular: pipes
- = angular: pipes * transformación al vuelo de los datos para su representación en la página * tamb... > == uppercase, lowercase == slice (5.2) == decimal (5.3) == percent == currency === cambiar fecha (locale) a castellana Configuración necesaria en el fich... e } from '@angular/platform-browser'; import { LOCALE_ID, NgModule } from '@angular/core'; import {
- ANGULAR
- s]] * [[development:angular:directivas-estructurales]] * [[development:angular:directivas-atributo... tps://chrome.google.com/webstore/detail/augury/elgalmkoelokbchhkhacckoklkejnhcd]] * colgar tu JSON: ... CSS inline, no fichero anexo * ''%%--%%spec=false'' -> ''%%--%%skipTests'' (nuevo formato): no añ... st * promesas y observables == otros * Material Design * iconos:[[https://material.io/resourc
- introducción e instalación
- = introducción e instalación * framework de Google JavaScript para front-end * arquitectura MVC ... > X.Y.Z * Z: arreglo errores * Y: actualización menor, 100% retrocompatible con la versión X * X: actualización mayor, que puede romper compatibilidad, el... * solo diferente la API del SO * sin instalaciones * aplicaciones nativas * para dispos
- angular: elementos básicos app
- pp * PPT: 3.3 == componentes * piezas funcionales y reutilizables * bajo coste mantenimiento ... de proposito común * app.component.css (opcional) * estilos CSS exclusivos componente * app.component.html (opcional) * app.component.espec.ts (opcional) * app.component.ts * clase OO * sección **im
- formularios
- de crear los controles, formularios y reglas de validación * sincronización entre la vista y el mod... way databinding) * si la vista cambia, se actualiza el modelo, y viceversa * se enlaza con el ... g-pristne, ng-dirty, ng-untoched, ng-touched, ng-valid, ng-invalid) que nos puede servir para darle nuestro estilo (css) * añadir **#espia** y {{espia.c
- 26/02/2020
- rod'' -> ''npm run start:prod'' == Angular Material * framework Google estilos: ''ng add @angular/material'' * schematics material: ''ng add @angular/cdk'' * ''ng g @angular/material:nav <nombre>'' * ''ng g @angular/material:dashb
- angular: estructura proyecto
- *node_modules**: * multitud paquetes de ayuda al desarrollo * cuando se genera la aplicación, ... epositorio o copia de seguridad * ''npm install'' regenera/descarga los ficheros según la inform... * casos de incompatibilidad con navegadores (normalmente versiones antiguas) * src/karma.conf.js ... tarios * src/main.ts * primer fichero analizado por Angular * define, entre otras cosa
- angular: directivas de atributos
- s CSS según nuestro internés * directivas personalizadas * <code bash>ng c[reate] c[omponent] components/<component> -it -is --spec=false</code> * directorio **components** podría v... * ''-it'': ? * ''-is'': ? * ''--spec=false'': no crear ficheros de pruebas unitarias <sxh... opios estilos * si queremos estilos a nivel global, deberemos tocar **style.css** == ngClass * má
- práctica: jerarquia padre-hijo
- tes que tienen una relación padre-hijo * envíar al hijo es fácil, del hijo al padre no tanto * entre hermanos del mismo padre, hay que pasar por él, n... rt class CardComponent implements OnInit { // valor dado @Input @Input() pelicula: Pelicula; @O