Diferències

Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.

Enllaç a la visualització de la comparació

--- development:angular:elementos-basicos [26/01/2020 01:43] – creat mate
+++ development:angular:elementos-basicos [26/01/2020 09:55] (actual) – [angular: elementos básicos app] mate
@@ Línia 1: / Línia 1: @@
 = angular: elementos básicos app
+  * PPT: 3.3
 == componentes
   * piezas funcionales y reutilizables
@@ Línia 28: / Línia 30: @@
 == index.html
+  * es la home de la aplicación con el uso del tag indicado en el **selector**
+  * <sxh html; title: index.html;highlight:9><!doctype html>
+<html lang="es">
+  <head>
+    <meta charset="utf-8">
+    <title>Hola mundo</title>
+    <base href="/">
+  </head>
+  <body>
+    <app-root></app-root>
+  </body>
+</html></sxh>
 == modulos
+  * clase en fichero TS que usa un decorador (annotation) específica: **@NgModule**
+  * trabajar con módulos nos permite:
+    * escalar aplicación
+    * evitar complejidad (o tenerla controlada)
+    * bajo acoplamiento
+    * alta cohesión
+    * podría parecer que añaden complejidad innecesaria, pero no es así
+    * +info: [[development:angular:modulos|]]
 == main.ts
+  * indica cual es el módulo desde el que arrancará la app
+  * toda app Angular debe tener como mínimo un módulo y **AppModule** (app.module.ts) es el de por defecto
+<sxh javascript; title: main.ts>import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+if (environment.production) {
+  enableProdMode();
+}
+platformBrowserDynamic().bootstrapModule(AppModule).catch(err => console.log(err));
+</sxh>