notas.txt

Angular construye aplicaciones de tipo SPA (Single Page Application) con una estructura de única página.
Necesitamos nodejs y npm para instalarlo.
Internamente esta formado por componentes que se conectan entre si y se pueden reutilizar.
test
#comandos
npm install -g @angular/cli
ng new nombre-app   #crea una nueva aplicacion
cd nombre-app
ng serve     #inicia el servidor
ng build    #crea el archivo dist
ng serve --open --port=4200 --host=localhost    para abrir el navegador
ng build --prod     - para produccion
ng serve --prod --open  para que se abra en el navegador
ng build --watch    - para observar cambios en el codigo
ng build --watch --prod #para que se actualice automaticamente

#comandos agregar componentes
ng generate component nombre-componente #crea un componente
ng generate component nombre-componente --flat #crea un componente en la carpeta componentes
ng generate component nombre-componente --module=nombre-modulo #crea un componente en el modulo indicado

#comandos para instalar bootstrap
npm install --save bootstrap

concepto de routing
routing: es una estructura de datos que nos permite navegar entre paginas de la aplicacion.

en la carpeta angular.json en la parte de styles se puede agregar una hoja de estilos
y en la parte de scripts se puede agregar un script que se ejecute al cargar la pagina.

Es una forma de escribir texto dinamico en nuestras plantillas html.

property binding: se le pasa un valor a una propiedad de un elemento html.
event binding: se le pasa una funcion a un evento de un elemento html.


#ngIf es una directiva que nos permite mostrar o ocultar un elemento html dependiendo de una condicion.