Angular: Replace UserComponent using ReplaceableComponentsService #7175

11 Answer(s)

• 

  0

  Anjali_Musmade created 6 months ago

  Support Team Support Team Member

  Hello,

  can you please check similar issue https://support.abp.io/QA/Questions/3667/Angular-Replace-Component if it helps you

  thanks

  Save Cancel
• 

  0

  gogu.stere@3sstudio.com created 6 months ago

  Hello,

  Thanks for the suggestion, but the error still persists.

  Save Cancel
• 

  0

  Anjali_Musmade created 6 months ago

  Support Team Support Team Member

  Hello,

  If you want to add extra field in UserComponent follow this article https://community.abp.io/posts/how-to-add-custom-property-to-the-user-entity-6ggxiddr

  Thanks

  Save Cancel
• 

  0

  gogu.stere@3sstudio.com created 6 months ago

  Hi,

  Thanks for the article, but i already updated the user entity with "extraproperties" and migrated it. My angular UI is the same. My problem is that i can't replace UserComponent with MyUserComponent.

  Save Cancel
• 

  0

  Anjali_Musmade created 6 months ago

  Support Team Support Team Member

  Hello,

  To Customize UserComponent you have to add Identity Module as a Project in your application. It will result like

  Now you have to add your custom component under this folder as shown in image

  and then add below code in identity-routing.module.ts

      {
          path: 'users',
          component: ReplaceableRouteContainerComponent,
          data: {
            requiredPolicy: 'AbpIdentity.Users',
            replaceableComponent: {
              key: eIdentityComponents.Users,
              defaultComponent: MyComponentComponent,
            } as ReplaceableComponents.RouteData<MyComponentComponent>,
          },
        },
  

  It will replace your component.

  Thanks

  Save Cancel
• 

  0

  gogu.stere@3sstudio.com created 6 months ago

  Hi,

  Thanks for help. I got Identity.module.ts and identity-routing.module.ts from here https://github.com/abpframework/abp/tree/rel-8.0/npm/ng-packs/packages/identity/src/lib:

  Component is replaced but when component is created, i got the same error. So the problem is when component is created, maybe some config is missing. Can you tell me your identity package version? if it works for you.

  Have a nice day.

  Save Cancel
• 

  0

  Anjali_Musmade created 6 months ago

  Support Team Support Team Member

  Hello,

  I have used 8.0.5 version I have checked at my end it's working fine.

  Thanks

  Save Cancel
• 

  0

  gogu.stere@3sstudio.com created 6 months ago

  Hi,

  Can you share your identity-routing.module.ts, identity.module and app.module please? Probably i'm missing something.

  Thanks.

  Save Cancel
• 

  0

  Anjali_Musmade created 6 months ago

  Support Team Support Team Member

  Hello,

  please check Identity Files

  Thanks

  Save Cancel
• 

  0

  gogu.stere@3sstudio.com created 6 months ago

  Hi,

  Thanks for sharing, also can you include user.component? Error is still there. I changed in router-provider to load the identityModule that i created.

  Thanks

  Save Cancel
• 

  0

  Anjali_Musmade created 6 months ago

  Support Team Support Team Member

  Hello,

  please check User Component

  Thanks

  Save Cancel