PowerBI Javascript API usage in Angular

dartdoka — Thu, 17 Oct 2019 07:17:45 GMT

Hi,

We managed to embed a Power BI report in our angular app.

We now want to test the Dynamic Binding feature but we're facing issues.

If the config is of type IEmbedConfiguration, we have an error because datasetBinging is not defined in type IEmbedConfiguration.

If the config is of type IReportLoadConfiguration, we have an error because when we call the embed method, IReportLoadConfiguration is not compatible with IEmbedConfiguration.

Any help on how to achieve that would be really appreciated.

Here is an extract of our code:

import * as pbi from 'powerbi-client';
import * as pbimodels from 'powerbi-models';

config: pbi.IEmbedConfiguration;
// config: pbimodels.IReportLoadConfiguration;

this.config = {
        // Remove type when use IReportLoadConfiguration type
        type: 'report',
        accessToken: this.token,
        tokenType: pbimodels.TokenType.Embed,
        embedUrl: this.reportEmbedUrl,
        id: this.reportId,
        permissions: pbimodels.Permissions.All,

        datasetBinding: {
          datasetId: "notOriginalDatasetId", // The wanted dataset id
        },
        settings: {
          filterPaneEnabled: true,
          navContentPaneEnabled: false
        }
    };

this.report = this.powerbi.embed(this.reportContainer.nativeElement, this.config) as pbi.Report;

Thanks

topic PowerBI Javascript API usage in Angular in Developer

PowerBI Javascript API usage in Angular