Replace component template with ABP suite #4218

7 Answer(s)

• 

  0

  guven.uysall created 3 years ago

  Hi support,

  Do you have an opinion on the subject?

  Thanks.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  muhammedaltug created 3 years ago

  Hello,

  Do you want to change BookComponent's providers(Example: BookService)?

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  guven.uysall created 3 years ago

  Hi @muhammed,

  Actually, I want to update the routing module suite template according to my own request.

  If I make the code below without using tepmlate, it will disappear the next time I generate code with suite.

  {
      path: '',
      component: RouterOutletComponent,
      canActivate: [AuthGuard, PermissionGuard],
      children: [
        {
          path: '',
          component: ReplaceableRouteContainerComponent,
          data: {
            replaceableComponent: {
              key: 'YOUR_COMPONENT_KEY',
              defaultComponent: BookComponent,
            } as ReplaceableComponents.RouteData,
          },
        },
      ],
    },
  

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  muhammedaltug created 3 years ago

  Hello,

  You can edit the template on ABP Suite. Click templates on the navbar and edit Frontend.Angular.__name@kebab__-routing.module.ts.template to edit the routing module. For your case, you can replace it with the content below

  import { AuthGuard, PermissionGuard, RouterOutletComponent, ReplaceableComponents } from '@abp/ng.core';
  import { NgModule } from '@angular/core';
  import { RouterModule, Routes } from '@angular/router';
  import { <%= name %>Component } from './components/<%= kebab(name) %>.component';
  
  const routes: Routes = [
  {
      path: '',
      component: RouterOutletComponent,
      canActivate: [AuthGuard, PermissionGuard],
      children: [
        {
          path: '',
          component: <%= name %>Component,
          data: {
            replaceableComponent: {
              key: '<%= name %>ComponentKey',
              defaultComponent: <%= name %>Component,
            } as ReplaceableComponents.RouteData,
          },
        },
      ],
    }
  ];
  
  @NgModule({
    imports: [RouterModule.forChild(routes)],
    exports: [RouterModule],
  })
  export class <%= name %>RoutingModule {}
  
  

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  guven.uysall created 3 years ago

  Hi @muhammed, I can't see angular template on suite for microservice projects

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  1

  muhammedaltug created 3 years ago

  Hello

  We created an internal issue about this problem.

  As a workaround, you can replace angular/.suite/schematics/commands/entity/files/__modulePath__/_name@kebab__-routing.module.ts.template file manually.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  guven.uysall created 3 years ago

  Thanks

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel