Diferències
Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.
Següent revisió | Revisió prèvia | ||
development:angular:practica1 [27/01/2020 11:38] – creat mate | development:angular:practica1 [27/01/2020 12:48] (actual) – mate | ||
---|---|---|---|
Línia 2: | Línia 2: | ||
== previa | == previa | ||
* <code bash>npm install jquery popper.js bootstrap</ | * <code bash>npm install jquery popper.js bootstrap</ | ||
+ | |||
+ | == rutas | ||
+ | <sxh typescript; title: app.routes.ts> | ||
+ | import { RouterModule, | ||
+ | import { HomeComponent } from ' | ||
+ | import { AboutComponent } from ' | ||
+ | import { PeliculasComponent } from ' | ||
+ | |||
+ | const APP_ROUTES: Routes = [ | ||
+ | { path: ' | ||
+ | { path: ' | ||
+ | { path: ' | ||
+ | { path: ' | ||
+ | ]; | ||
+ | |||
+ | export const APP_ROUTING = RouterModule.forRoot(APP_ROUTES); | ||
+ | </ | ||
+ | |||
+ | * añadir a **app.modules.ts** | ||
+ | * en **navbar.component.html**:< | ||
+ | <li class=" | ||
+ | <li class=" | ||
+ | <li class=" | ||
+ | * uso de **routerLinkActive** para indicar la opción activa | ||
+ | * uso de **[routerLink]** en lugar de **href** | ||
+ | |||
+ | == servicios | ||
+ | * Ofrecer objeto Singleton y mediante Inyección de Dependencias. | ||
+ | * Brindar información a quien la necesite. | ||
+ | * Realizar peticiones CRUD (create, read, update, delete), normalmente a 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] services/ | ||
+ | * genera el código correspondiente, | ||
+ | * añadir en **app.module.ts** en la sección **providers** del decorador y hacer el import correspondiente | ||
+ | * a partir de Angular 7 no es necesario, la directiva **ProvidedIn** del servicio ya lo hace (no fisicamente) | ||
+ | |||
+ | == modelos/ | ||
+ | * <code bash>ng g[enerate] i[nterface] models/ | ||
+ |