En este taller, tendremos la oportunidad de dar continuación a el taller de backend en Node, utilizaremos las API que se desarrollaron y las integraremos a nuestro proyecto
Debemos tener node instalado
- Node
- Angular Cli
- Verificar la versión con
ng -v
- Instalación
npm install -g @angular/cli
- Crear el proyecto
ng new hackdoTaller
- Instalar npm modules
npm i
esto se hace solo 1 vez - Ejecutar
ng serve
e ir ahttp://localhost:4200/
-
Vamos a adicionar
ReactiveFormsModule
enapp.module.ts
deimport { ReactiveFormsModule } from '@angular/forms'
-
Adicionamos main.ts con boostrap
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';
platformBrowserDynamic().bootstrapModule(AppModule);
-
Creamos nuestro nuevo componente para subir archivos
ng generate component uploadFile
-
Creamos nuestro formulario reactivo
-
Generamos nuestro servicio
ng generate service uploadFile
- Si no te funciona la libreria de Rxjs usar
npm install rxjs@6 rxjs-compat@6 --save
- Si tienes problemas con el Http, usar en imports
import { HttpModule } from '@angular/http';
enapp.module.ts
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the -prod
flag for a production build.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
Before running the tests make sure you are serving the app via ng serve
.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.