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ó

Ambdós costats versió prèvia Revisió prèvia
Següent revisió
Revisió prèvia
development:angular:componentes [22/01/2020 10:29] matedevelopment:angular:componentes [26/01/2020 09:55] (actual) mate
Línia 1: Línia 1:
-= componentes +angular: componentes 
-  * descarga (uso por CDN) de bootstrapframework CSS+  * PPT: 3.3 + 3.4 + 3.5 
 + 
 +== preparativos 
 +  * uso de [[https://getbootstrap.com/|bootstrap]] como framework CSS 
 +    * añadirlo en **package.json** y usar ''npm'' para su instalación 
 +    * descargar directamente 
 +    * uso por CDN
   * generar nuevo proyecto: <code bas>ng new <PROJECT></code>   * generar nuevo proyecto: <code bas>ng new <PROJECT></code>
   * generar nuevo componente: <code bash>ng g[enerate] c[omponent] <NOMBRE></code>   * generar nuevo componente: <code bash>ng g[enerate] c[omponent] <NOMBRE></code>
 +  * añadir el componente:
 +    * en src/app/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 en **selector**
 +
 +== @Component
 +  * definición, :
 +    * selector: identificador del componente del que haremos referencia
 +    * template: codigo HTML hardcoded, usar con backsticks (%%`%%), no con tildes(%%'%%)
 +    * templateUrl: ruta del fichero HTML a usar
 +  * databinding / interpolación: uso de doble %%{{ }}%% llaves para usar atributos de la clase o componente
 +
 +
 +== 
 +
 +  
 +
  
  
  • development/angular/componentes.1579717796.txt.gz
  • Darrera modificació: 22/01/2020 10:29
  • per mate