/angular9-firestore-crud-productos

crud de productos con angular9-material-firestore y flexbox (adjunto otro css con flexbox y CSS Grid) y comunicacion padre-hijo con ViewChild

Primary LanguageTypeScript

AngularFirestore2

image

OTRA FORMA DE HACERLO CON CSSGRID - FLEXBOX:

  • products.components.css
.contenedor {
   display:grid;
   grid-template-columns: 40% 60% ;
   grid-column-gap: 10px;
 justify-content: center;
}
.listado {
    display:flex;
    flex-wrap:wrap;
    width: 100%;
    justify-content: center;
}
mat-card{
    width: 200px;
    height: 200px;
}
.formulario{
    text-align: center;
    justify-content: center;
    justify-items: center;
    justify-self: center;
}
  • This project was generated with Angular CLI version 9.0.3.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

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.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.