{"library":"powerbi-client-angular","title":"PowerBI Client Angular","description":"Angular wrapper library for embedding Power BI reports, dashboards, tiles, visuals, Q&A, paginated reports, and creating reports directly in Angular applications. Current stable version is 6.0.3, released under MIT license. Maintained by Microsoft, with active development and regular releases aligned with Angular versions. Key differentiators: provides Angular-native components (e.g., powerbi-report, powerbi-dashboard) with property binding and event handling, supports phased embedding for performance optimization, and integrates with powerbi-client and powerbi-report-authoring libraries. Requires Angular 17+ and RxJS.","language":"javascript","status":"active","last_verified":"Sat Apr 25","install":{"commands":["npm install powerbi-client-angular"],"cli":null},"imports":["import { PowerBIEmbedModule } from 'powerbi-client-angular';","import { PowerBIReportEmbedComponent } from 'powerbi-client-angular';","import { PowerBIEmbed } from 'powerbi-client-angular';","import { models } from 'powerbi-client-angular';"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"// app.module.ts\nimport { NgModule } from '@angular/core';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { PowerBIEmbedModule } from 'powerbi-client-angular';\nimport { AppComponent } from './app.component';\n\n@NgModule({\n  imports: [\n    BrowserModule,\n    PowerBIEmbedModule\n  ],\n  declarations: [AppComponent],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n\n// app.component.ts\nimport { Component } from '@angular/core';\nimport { models } from 'powerbi-client-angular';\n\n@Component({\n  selector: 'app-root',\n  template: `\n    <powerbi-report\n      [embedConfig]=\"{\n        type: 'report',\n        id: 'reportId',\n        embedUrl: 'https://app.powerbi.com/reportEmbed?reportId=reportId',\n        accessToken: accessToken,\n        tokenType: models.TokenType.Embed\n      }\"\n      [cssClassName]=\"'report-class'\"\n      [eventHandlers]=\"eventHandlers\"\n    ></powerbi-report>\n  `\n})\nexport class AppComponent {\n  accessToken = 'YOUR_ACCESS_TOKEN';\n  eventHandlers = new Map<string, (event?: any) => void>([\n    ['loaded', () => console.log('Report loaded')],\n    ['rendered', () => console.log('Report rendered')],\n    ['error', (event) => console.log(event.detail)]\n  ]);\n}\n","lang":"typescript","description":"Imports PowerBIEmbedModule, defines a component with powerbi-report selector, configures embed properties and event handlers.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}