Cerca

Heus ací els resultats de la cerca.

angular: rutas
24 Resultats, Darrera modificació:
typescript: title: app.routes.ts; hidhlight:5> import {RouterModule, Routes} from '@angular/router'; import {HomeComponent} from './components/home/home.com... **', pathMatch: 'full', redirectTo: 'home' } ]; export const GLOBAL_ROUTES = RouterModule.forRoot(rutas... typescript; title: app.module.ts; highlight:1> import {GLOBAL_ROUTES} from './app.routes'; ... @NgModu
angular: elementos básicos app
10 Resultats, Darrera modificació:
component.ts * clase OO * sección **imports** * sección **@Component** <- decorador ... * <sxh javascript; title:app.component.ts>import { Component } from '@angular/core'; @Component(... html', styleUrls: './app.component.css' }) export class AppComponent { mensaje = 'Saludos desd... el componente'; }</sxh> * al menos 1 componente por app -> **AppComponent** por defecto, en src/app
angular: estructura proyecto
8 Resultats, Darrera modificació:
omo es y como funciona nuestra app * partes importantes: assets, styles, scripts * **package-lock... * deja rastro * **package.json** * muy importante * generado y mantenido de manera automát... car nuestra app * ''<app-root></app-root>'' por defecto * src/app/ * app angular ... irectica **selector** * <sxh javascript>import { Component } from '@angular/core‘; @Component(
angular: directivas y personalización
7 Resultats, Darrera modificació:
e atributos]] * cambian la apariencia o el comportamiento de un elemento, componente u otra directi... neas marcadas:<sxh typescript; highlight:[7-12]>import { Directive } from '@angular/core'; @Directive({ selector: '[appDestacado]' }) export class DestacadoDirective { constructor( priv... omponente .html<sxh typescript; highlight:7,14> import {Directive, ElementRef, Input, OnInit} from '@an
angular: módulos
7 Resultats, Darrera modificació:
dule.ts: <sxh javascript; title: app.module.ts> import { BrowserModule } from @angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppComponent } from './app.component'; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule ], providers: [], bootstra
angular: pipes
7 Resultats, Darrera modificació:
odule.ts <sxh typescript;title:app,module.ts> import { BrowserModule } from '@angular/platform-browser'; import { LOCALE_ID, NgModule } from '@angular/core'; import { AppComponent } from '../src/app/app.component'; import localeEs from '@angular/common/locales/es'; impo
angular: entorno
6 Resultats, Darrera modificació:
mponente * **component.ts** es el fichero más importante de la app. Es una clase! * uso de decora... de lo que allí definamos, la clase definida se comporte como una cosa u otra * app.component.ts<code javascript; app.component.ts>import { Component } from '@angular/core'; @Component(... .html', styleUrls: ['./app.component.css'] }) export class AppComponent { nombre = 'Daniel'; apell
practica 1
6 Resultats, Darrera modificació:
== rutas <sxh typescript; title: app.routes.ts> import { RouterModule, Routes } from '@angular/router'; import { HomeComponent } from './components/home/home.component'; import { AboutComponent } from './components/about/about.component'; import { PeliculasComponent } from './components/pelicu
introducción e instalación
5 Resultats, Darrera modificació:
ibera nuevas versiones mayores cada 6 meses == soporte diferentes plataformas * aplicaciones web pro... mente, testeo, previsualización * IDE's * soporte de los más populares == soporte ciclo vida apps * pruebas unitarias * Karma * Protactor p... Node.js * para construcción y desarrollo, no por dependencia -> <code bash>node -v npm -v</code>
angular: directivas estructurales
4 Resultats, Darrera modificació:
capa de presentación (plantilla) * se reconocen por tener **%%*%%** en el nombre * no es necesario ... findo en la clas del componente:<sxh typescript>export class BodyComponent { mostrar = false; c... typescript; title: ng-switch.component.ts> ... export class NgSwitchComponent implements OnInit { ... >Well done!</strong> You successfully read this important alert message! </div> <div *ngSwitchC
introducción a TypeScript y ECMAScript 6 (ES6)
3 Resultats, Darrera modificació:
tables directamente, necesita ser compilado * por defecto al compilar se genera código ECMAScript 5... e declaran los tipos, aunque pueden ser inferidos por el valor * number, string, boolean * vector (... ;</code> === clases * definición de clases * por defecto visibilidad pública, permite **public**,
26/02/2020
2 Resultats, Darrera modificació:
ckage.json * sección **start** -> ''ng serve [--port 4200]'' * sección **start:prod** -> ''ng serve --port 4300 --prod'' -> ''npm run start:prod'' == Angu
angular: componentes
2 Resultats, Darrera modificació:
nstalación * descargar directamente * uso por CDN * generar nuevo proyecto: <code bas>ng new ... e: * en src/app/app.module.ts a través de **import** * en la sección **@NgModule** -> **decla
formularios
2 Resultats, Darrera modificació:
a in a box)), excepto si se usa **ngModel** * importar el **FormsModule** en **app.module.ts** === c... * si no la queremos, quitamos la etiqueta * por contra, le añadimos una función y la vinculación
práctica: jerarquia padre-hijo
2 Resultats, Darrera modificació:
* entre hermanos del mismo padre, hay que pasar por él, no se pueden hablar entre ellos == padre-hij... == hijo-padre * @Output * <sxh typescript> export class CardComponent implements OnInit { // va
09/03/2020
1 Resultats, Darrera modificació:
angular: directivas de atributos
1 Resultats, Darrera modificació:
angular: servicios
1 Resultats, Darrera modificació: