Power BI logo on the left Angular logo on the right

In recent updates to Power BI, Microsoft brought a bunch of new additions at Build and rebuilt Report Builder as an x64 app. Furthermore, the Teams activity feed was integrated with Power BI as well, back in June.

Today, Microsoft has announced a new Angular component for its data analytics service, allowing web developers to utilize various Power BI features with ease by integrating them into their Angular web application. The component has been made available on both npm and GitHub.

The key capability that this library offers is that it allows reports, dashboards, tiles, visuals, Q&A, and paginated reports to be embedded within an Angular app. Essentially, allowing for this framework to exist within the application enables insights obtained through analytics to be converted into actions efficiently and with ease. Some other features offered through this component are:

  • Optimizing reports' performance using the available bootstrap integration or phased embedding
  • Setting and editing event handlers
  • Taking advantage of available client-side APIs

The full code and instructions to figure out exactly how to make use of this component can be found in the Power BI Angular README. While for those who just want a quick look at how it works, without diving in too deep, a demo application has been provided here. The instructions for running it are provided in the same, aforementioned README file.