mirror of https://github.com/abpframework/abp.git
2 changed files with 57 additions and 0 deletions
|
After Width: | Height: | Size: 7.5 MiB |
@ -0,0 +1,57 @@ |
|||||
|
## Replaceable Components |
||||
|
|
||||
|
There is a list of components that you can replace at runtime. |
||||
|
|
||||
|
Create a new component that you want to use instead of the ABP component. Add that component to `declarations` and `entryComponents` in the `AppModule`. |
||||
|
|
||||
|
Then, open the `app.component.ts` and dispatch the `AddReplaceableComponent` action to replace your component with an ABP component as shown below: |
||||
|
|
||||
|
```ts |
||||
|
import { ..., AddReplaceableComponent } from '@abp/ng.core'; |
||||
|
export class AppComponent implements OnInit { |
||||
|
constructor(..., private store: Store) {} |
||||
|
|
||||
|
ngOnInit() { |
||||
|
this.store.dispatch( |
||||
|
new AddReplaceableComponent({ |
||||
|
component: YourNewRoleComponent, |
||||
|
key: 'Identity.RolesComponent', |
||||
|
}), |
||||
|
); |
||||
|
//... |
||||
|
} |
||||
|
} |
||||
|
``` |
||||
|
|
||||
|
An example: |
||||
|
 |
||||
|
|
||||
|
> You can use `getAll` and `getComponent('Component Key')` selectors to get all replaceable components or just one of them by key. |
||||
|
|
||||
|
### Available Replaceable Components |
||||
|
|
||||
|
| Component key | Description | |
||||
|
| -------------------------------------------------- | -------------------------------- | |
||||
|
| Account.LoginComponent | Login page | |
||||
|
| Account.RegisterComponent | Register page | |
||||
|
| Account.ManageProfileComponent | Manage Profile page | |
||||
|
| Account.ForgotPasswordComponent | Forgot password page | |
||||
|
| Account.ResetPasswordComponent | Reset password page | |
||||
|
| Account.AccountComponent | The component that wraps register, login, forgot password, and reset password pages. Contains `<router-outlet>` | |
||||
|
| Account.ChangePasswordComponent | Change password form in manage profile page | |
||||
|
| Account.PersonalSettingsComponent | Personal settings form in manage profile page | |
||||
|
| Account.TenantBoxComponent | Tenant changing box in account component | |
||||
|
| AuditLogging.AuditLogsComponent | Audit logs page | |
||||
|
| Identity.UsersComponent | Users page | |
||||
|
| Identity.RolesComponent | Roles page | |
||||
|
| Identity.ClaimsComponent | Claim types page | |
||||
|
| IdentityServer.IdentityResource | Identity resources page | |
||||
|
| IdentityServer.Client | Clients page | |
||||
|
| IdentityServer.ApiResource | Api resources page | |
||||
|
| LanguageManagement.Languages | Languages page | |
||||
|
| LanguageManagement.LanguageTexts | Language texts page | |
||||
|
| Saas.TenantsComponent | Tenants page | |
||||
|
| Saas.EditionsComponent | Editions page | |
||||
|
| FeatureManagement.FeatureManagementComponent | Features modal | |
||||
|
| PermissionManagement.PermissionManagementComponent | Permissions modal | |
||||
|
| SettingManagement.SettingManagementComponent | Setting Management page | |
||||
Loading…
Reference in new issue