Earn a 50% discount on the DP-600 certification exam by completing the Fabric 30 Days to Learn It challenge.
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!
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 - 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.