Cerca

Heus ací els resultats de la cerca.

angular: directivas y personalización
16 Resultats, Darrera modificació:
ación * componentes * directivas con plantilla asociada * son del tipo más común * [[devel... atributos|directivas de atributos]] * cambian la apariencia o el comportamiento de un elemento, co... urales|directivas estructurales]] * modifican la representación del DOM añadiendo o eliminando elementos * cambian la estructura de la vista (ngFor, ngIf) == directiv
formularios
11 Resultats, Darrera modificació:
= formularios == template-driven forms * la plantilla es la responsable de crear los controles, formularios y reglas de validación * sincronización entre la vista y el modelo con el doble enlace (two-way da
angular: estructura proyecto
10 Resultats, Darrera modificació:
tes de ayuda al desarrollo * cuando se genera la aplicación, solo se coge lo estrictamente necesar... pm install'' regenera/descarga los ficheros según la información de **package.json** * **angular.jso... n** * generación automática * le indica a la parte de Node.js como se creó package.json * ... las cumplimos * **src/** * codigo fuente de la app * src/index.html * fichero de inici
introducción e instalación
9 Resultats, Darrera modificació:
de las SPA((Single Page Application)) * una sola pàgina * carga de datos dinámica asíncrona AJAX * Angular VS AngularJS * hasta la versión 1.7 era AngularJS * se suele hacer referencia a la versión * coexisten las 2 ramas * la mayor parte del código Angular 2 todavia funciona con la
introducción a TypeScript y ECMAScript 6 (ES6)
8 Resultats, Darrera modificació:
} function saludar(nombre) { console.log("Hola " + nombre); } saludar(alumno); </code> * ''node app.js'' -> Hola [Object object] <code javascript; app.ts> var al... ction saludar(nombre:string) { console.log("Hola " + nombre); } saludar(alumno); </code> == tipo... t myArray: Array<number> = [15,16];</code> * tupla: * diferentes tipos * <code javascript>le
practica 1
7 Resultats, Darrera modificació:
h> * uso de **routerLinkActive** para indicar la opción activa * uso de **[routerLink]** en lu... de Dependencias. * Brindar información a quien la necesite. * Realizar peticiones CRUD (create, r... un backend que exponga un API Rest. * Gestionar la persistencia de los datos. * Servir como recurso reutilizable en la aplicación. * <code bash>ng g[enerate] s[ervice
02/03/2020
6 Resultats, Darrera modificació:
* añadiendo ** "tslint-config-prettier"** en la sección **extends** (convertir en array) * añad... usky %%--%%dev'' * añadir en **package.json** la siguiente configuración:<code json>"husky": { ... environment.ts**, dentro de **environment** * la mejor ubicación si trabajamos con entornos que ca... ube nuestro proyecto al hosting de Firebase según la carpeta public que le hemos especificado * ''ng
09/03/2020
5 Resultats, Darrera modificació:
dología de desarrollo de aplicaciones, no se crea la estructura clásica de directorios * se trabaja ... * esto creará un directorio **PROJECTS** y dentro la librería... Con su estructura más "tradicional" d... herramientas de desarrollador, cuando se ejecute la instrucción parará la ejecución del programa y se podrán consultar el estado de todas las propiedades
angular: directivas estructurales
5 Resultats, Darrera modificació:
+ 4.3 * lógica en capa de presentación (plantilla) * se reconocen por tener **%%*%%** en el nombr... r crea o descrea el elemento del DOM según marque la variable: <sxh javascript; title:ejemplo uso *ngI... %;"></sxh> * **mostrar** al estar vinculado a la directiva hace referencia a un atributo de la clase, si no, iría entre %%{{ }}%% * binding de eve
angular: elementos básicos app
5 Resultats, Darrera modificació:
t** por defecto, en src/app == index.html * es la home de la aplicación con el uso del tag indicado en el **selector** * <sxh html; title: index.html... <head> <meta charset="utf-8"> <title>Hola mundo</title> <base href="/"> </head> <bo... calar aplicación * evitar complejidad (o tenerla controlada) * bajo acoplamiento * alta co
ANGULAR
5 Resultats, Darrera modificació:
elopment}} == + info * [[https://developer.mozilla.org/es/docs/Web/JavaScript/Una_re-introducci%C3%B... cción a javascript]] * [[https://developer.mozilla.org/es/docs/Learn/JavaScript/Objects|introducción... objetos JavaScript]] * [[https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Sentencias/let|let]] * [[https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Sentencias/
angular: componentes
3 Resultats, Darrera modificació:
p/app.module.ts a través de **import** * en la sección **@NgModule** -> **declarations** * en src/app/app.component.html con la etiqueta correspondiente, según hayamos indicado ... interpolación: uso de doble %%{{ }}%% llaves para usar atributos de la clase o componente ==
práctica: jerarquia padre-hijo
3 Resultats, Darrera modificació:
OnInit { // valor dado @Input @Input() pelicula: Pelicula; @Output() evtPeliculaSeleccionada: EventEmitter<number>; constructor() { this.e... uien escuche this.evtPeliculaSeleccionada.emit(this.pelicula.id); } ngOnInit() { } }</sxh>
angular: módulos
3 Resultats, Darrera modificació:
ma de enrutado de Angular, casi imprescindible en la mayoría de apps * AppComponent: un módulo... ente inicial * finalmente, el nombre del módulo y su accesibilidad en la definción de la clase
angular: rutas
3 Resultats, Darrera modificació:
rectTo: 'home' } ];</sxh> * uso de las rutas en la página <sxh html; title:usuario.component.html;hi... 'nuevo' } ]; </sxh> * modificamos las rutas de la aplicación <sxh typescript; title: app.routes.ts;... ]; </sxh> * y recogerlo así en el componente de la edición:<sxh typescript; title: usuario-editar.co
angular: entorno
2 Resultats, Darrera modificació:
angular: servicios
2 Resultats, Darrera modificació:
angular: promesas y observables
1 Resultats, Darrera modificació:
angular: pipes
1 Resultats, Darrera modificació: