# Function toDashboardProps
toDashboardProps(
dashboardModel
):DashboardProps
Translates DashboardModel to DashboardProps.
# Parameters
Parameter | Type |
---|---|
dashboardModel | DashboardModel |
# Returns
# Example
<csdk-dashboard
*ngIf="dashboard"
[title]="dashboard.title"
[layoutOptions]="dashboard.layoutOptions"
[widgets]="dashboard.widgets"
[filters]="dashboard.filters"
[defaultDataSource]="dashboard.defaultDataSource"
[widgetsOptions]="dashboard.widgetsOptions"
/>
import { Component } from '@angular/core';
import {
type DashboardProps,
DashboardService,
dashboardModelTranslator,
} from '@sisense/sdk-ui-angular';
@Component({
selector: 'app-dashboard',
templateUrl: './dashboard.component.html',
styleUrls: ['./dashboard.component.scss'],
})
export class DashboardComponent {
dashboard: DashboardProps | null = null;
constructor(private dashboardService: DashboardService) {}
async ngOnInit(): Promise<void> {
const dashboardModel = await this.dashboardService.getDashboardModel('your-dashboard-oid', {
includeWidgets: true,
includeFilters: true,
});
this.dashboard = dashboardModelTranslator.toDashboardProps(dashboardModel);
}
}