Open Closed

ABP.IO ReplaceableComponent InlineTemplateContentComponent and TemplateContentsComponent #6624


User avatar
0
fernando.guilherme created
  • ABP Framework version: v8.0.1
  • UI Type: Angular
  • Database System: EF Core (SQL Server)
  • Tiered (for MVC) or Auth Server Separated (for Angular): no
  • Exception message and full stack trace:
  • Steps to reproduce the issue:

Hey,

I am unable to replace the InlineTemplateContentComponent and TemplateContentsComponent components.

Could you help me?

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

1 Answer(s)
  • User Avatar
    0
    liangshiwei created
    Fullstack Developer

    Hi,

    This is a bug, we will fix it in the next patch version.

    You can try update your app-routing.module

    import {
      authGuard,
      permissionGuard,
      ReplaceableComponents,
      ReplaceableRouteContainerComponent,
      RouterOutletComponent,
    } from '@abp/ng.core';
    import { NgModule } from '@angular/core';
    import { RouterModule, Routes } from '@angular/router';
    import { textTemplateManagementExtensionsResolver, InlineTemplateContentComponent, TemplateContentsComponent , TextTemplatesComponent, eTextTemplateManagementComponents, textTemplateManagementGuard} from '@volo/abp.ng.text-template-management';
    
    
    const routes: Routes = [
      .....
      {
        path: 'text-template-management',
        children: [
          { path: '', redirectTo: 'text-templates', pathMatch: 'full' },
          {
            path: 'text-templates',
            component: RouterOutletComponent,
            canActivate: [authGuard, permissionGuard, textTemplateManagementGuard],
            resolve: [textTemplateManagementExtensionsResolver],
            children: [
              {
                path: '',
                component: ReplaceableRouteContainerComponent,
                data: {
                  requiredPolicy: 'TextTemplateManagement.TextTemplates',
                  replaceableComponent: {
                    key: eTextTemplateManagementComponents.TextTemplates,
                    defaultComponent: TextTemplatesComponent,
                  } as ReplaceableComponents.RouteData<TextTemplatesComponent>,
                },
              },
              {
                path: 'contents',
                component: RouterOutletComponent,
                canActivate: [permissionGuard],
                data: { requiredPolicy: 'TextTemplateManagement.TextTemplates.EditContents' },
                children: [
                  {
                    path: 'inline/:name',
                    component: ReplaceableRouteContainerComponent,
                    data: {
                      replaceableComponent: {
                        key: eTextTemplateManagementComponents.InlineTemplateContent,
                        defaultComponent: InlineTemplateContentComponent,
                      } as ReplaceableComponents.RouteData<InlineTemplateContentComponent>,
                    },
                  },
                  {
                    path: ':name',
                    component: ReplaceableRouteContainerComponent,
                    data: {
                      replaceableComponent: {
                        key: eTextTemplateManagementComponents.TemplateContents,
                        defaultComponent: TemplateContentsComponent,
                      } as ReplaceableComponents.RouteData<TemplateContentsComponent>,
                    },
                  },
                ],
              },
            ]
          },
        ]
      },
      .....
    ]
    
    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v10.8.0-preview. Updated on September 28, 2026, 11:44
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.