Angular: Replace UserComponent using ReplaceableComponentsService #7175

11 Answer(s)

• 

  0

  Anjali_Musmade created 2 years ago

  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

  Markdown supported.

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

  Save Cancel
• 

  0

  gogu.stere@3sstudio.com created 2 years ago

  Hello,

  Thanks for the suggestion, but the error still persists.

  Markdown supported.

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

  Save Cancel
• 

  0

  Anjali_Musmade created 2 years ago

  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

  Markdown supported.

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

  Save Cancel
• 

  0

  gogu.stere@3sstudio.com created 2 years 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.

  Markdown supported.

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

  Save Cancel
• 

  0

  Anjali_Musmade created 2 years ago

  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

  Markdown supported.

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

  Save Cancel
• 

  0

  gogu.stere@3sstudio.com created 2 years 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.

  Markdown supported.

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

  Save Cancel
• 

  0

  Anjali_Musmade created 2 years ago

  Support Team Member

  Hello,

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

  Thanks

  Markdown supported.

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

  Save Cancel
• 

  0

  gogu.stere@3sstudio.com created 2 years ago

  Hi,

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

  Thanks.

  Markdown supported.

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

  Save Cancel
• 

  0

  Anjali_Musmade created 2 years ago

  Support Team Member

  Hello,

  please check Identity Files

  Thanks

  Markdown supported.

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

  Save Cancel
• 

  0

  gogu.stere@3sstudio.com created 2 years 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

  Markdown supported.

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

  Save Cancel
• 

  0

  Anjali_Musmade created 2 years ago

  Support Team Member

  Hello,

  please check User Component

  Thanks

  Markdown supported.

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

  Save Cancel