jueves, 3 de diciembre de 2020

New Project Angular

> ng new nameApp
> npm install @angular/service-worker
> cambiar la version de service worker
    "@angular/service-worker": "~8.1.2",
    "dexie-cloud-addon": "^1.0.0-alpha.7",
    "moment": "^2.18.1",
    "ng2-filter-pipe": "^0.1.10",
    "sweetalert2": "^8.16.2",

> npm install
> ng add @angular/pwa --project nameApp /* (ir a ->angular.js ->defaultProject:'nameApp')*

>Agregar bootstrap al index.html
    <!--En Head-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css">        <!--Al final del Body-->
      <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" ></script>
      <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script>

Configurar las rutas MAIN

> const routes: Routes = [
  { path: '', redirectTo: 'puntosgeo', pathMatch: 'full' },
  { path: 'puntosgeo',  loadChildren: () => import('./puntosgeo/puntosgeo.module').then( m => m.PuntosgeoModule) },  
];

Crear Modulo y Componente
> ng g m nameModule
> ng g c nameModule
> ng g c nameModule/namePage
> ng g c nameModule/namePage

Config route SubModule

// Rutas
const routes: Routes = [
{ path: '', component: A2odevComponent, },
{ path: 'register', component: Problem1Component, },
{ path: 'update', component: Problem2Component, },
];









No hay comentarios.:

Publicar un comentario