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