Embed Powerbi into angular not working

[jsc108]

Hi There,

We have embeded our powerbi reports in our angular app. Everything was working fine untill few days back , Now the reports are not loading in our app. We have added our custom loading image and was hiding that on 'rendered ' event like powerbi docs suggested. But now we are not getting this event so our loader image keep showing as we are not getting rendered event. We are using below 

https://www.npmjs.com/package/powerbi-client-angular client library. 

Are there any recent changes in powerbi side which is causing this ?

Thank You in Advance!

[v-henryk-mstf]

Hi @jsc108 ,

For such errors, refer to powerbi-client-angular, the Power BI Angular component allows embedding Power BI reports in Angular applications

try below code:

<powerbi-report
    [embedConfig] = {{
        type: "report",
        id: "<Report Id>",
        embedUrl: "<Embed Url>",
        accessToken: "<Access Token>",
        tokenType: models.TokenType.Embed,
        settings: {
            panes: {
                filters: {
                    expanded: false,
                    visible: false
                }
            },
            background: models.BackgroundType.Transparent,
        }
    }}

    [cssClassName] = { "reportClass" }

    [phasedEmbedding] = { false }

    [eventHandlers] = {
        new Map([
            ['loaded', () => console.log('Report loaded');],
            ['rendered', () => console.log('Report rendered');],
            ['error', (event) => console.log(event.detail);]
        ])
    }
>
</powerbi-report>

For more on embedding Power BI reports, refer to the related documentation link.

Embed content in your Power BI embedded analytics application enabling better embedded BI insights f...

Embed content in your Power BI embedded analytics application - Power BI | Microsoft Docs

If the problem is still not resolved, please provide detailed error information and related screenshoots. Looking forward to your reply.

Best Regards,
Henry

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.