src/app/core/config/dynamic-components/dynamic-component-config.interface.ts
This interface is set on the data property of the route.
It contains static data which are used to build components and manage permissions.
The generic type defines the interface for the component specific configuration.
The properties given in the config object here are automatically assigned to the component as @Input() properties.
e.g. for an DynamicComponentConfig { config: { "entityType: "Child", "filtered": true } }
your component MyViewComponent will receive the values mapped to its properties:
class MyViewComponent {
@Input() entityType: string;
@Input() filtered: boolean;
}
Properties |
|
| component |
component:
|
Type : string
|
| Optional |
|
string id/name of the component to be displaying this view. The component id has to be registered in the component map. (optional) if the |
| config |
config:
|
Type : T
|
| Optional |
|
optional object providing any kind of config to be interpreted by the component for this view |
export interface DynamicComponentConfig<T = any> {
/**
* string id/name of the component to be displaying this view.
* The component id has to be registered in the component map.
*
* (optional) if the `ladyLoaded` is true, this is not required (and will be ignored)
* This allows hard-coded lazy-loaded components to be dynamically extended with config or permissions.
*/
component?: string;
/** optional object providing any kind of config to be interpreted by the component for this view */
config?: T;
/**
* Allows to restrict the route to the given list of user roles.
* If set, the route can only be visited by users which have a role which is in the list.
* If not set, all logged-in users can visit the route.
*/
permittedUserRoles?: string[];
}