{"id":20164730,"url":"https://github.com/maritzstl/powerbi-angular","last_synced_at":"2026-03-06T17:34:15.437Z","repository":{"id":54456349,"uuid":"339497325","full_name":"MaritzSTL/PowerBI-Angular","owner":"MaritzSTL","description":"AngularJS components that allows developers to easily create applications that utilize the Power BI APIs.","archived":false,"fork":false,"pushed_at":"2021-02-16T18:52:40.000Z","size":14,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-03T03:14:38.869Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MaritzSTL.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-02-16T18:48:55.000Z","updated_at":"2021-02-16T18:52:11.000Z","dependencies_parsed_at":"2022-08-13T16:10:52.753Z","dependency_job_id":null,"html_url":"https://github.com/MaritzSTL/PowerBI-Angular","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/MaritzSTL/PowerBI-Angular","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaritzSTL%2FPowerBI-Angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaritzSTL%2FPowerBI-Angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaritzSTL%2FPowerBI-Angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaritzSTL%2FPowerBI-Angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MaritzSTL","download_url":"https://codeload.github.com/MaritzSTL/PowerBI-Angular/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaritzSTL%2FPowerBI-Angular/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30188109,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-06T17:33:53.563Z","status":"ssl_error","status_checked_at":"2026-03-06T17:33:51.678Z","response_time":250,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-14T00:35:34.740Z","updated_at":"2026-03-06T17:34:15.009Z","avatar_url":"https://github.com/MaritzSTL.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# angular-powerbi\n[![Build Status](https://img.shields.io/travis/Microsoft/PowerBI-Angular.svg?branch=dev)](https://travis-ci.org/Microsoft/PowerBI-Angular)\n[![npm version](https://img.shields.io/npm/v/angular-powerbi.svg)](https://www.npmjs.com/package/angular-powerbi)\n[![downloads total](https://img.shields.io/npm/dt/powerbi-angular.svg)](https://www.npmjs.com/package/angular-powerbi)\n[![downloads monthly](https://img.shields.io/npm/dm/powerbi-angular.svg)](https://www.npmjs.com/package/angular-powerbi)\n[![GitHub tag](https://img.shields.io/github/tag/Microsoft/PowerBI-Angular.svg)](https://github.com/Microsoft/powerbi-angular/tags)\n\nAngular module which wraps PowerBI-JavaScript as service and adds a collection of components for each embedded type (Currently only Report is supported) which you can use to easily embed Power BI visuals within your Angular applications.\n\n## Demo\n\nhttp://azure-samples.github.io/powerbi-angular-client\n\nSource: https://github.com/Azure-Samples/powerbi-angular-client\n\n## Contents\n\n`angular-powerbi.js` includes the following:\n\n- Service: **PowerBiService**\n\n\t(Handles messaging communication between host frame/window and embedded powerbi visual iframes/windows)\n\n- Web Components\n\n\t1. Report Specific Component\n\t\n\t\t```\n\t\t\u003cpowerbi-report embed-url=\"vm.report.embedUrl\" access-token=\"vm.report.accessToken\"\u003e\u003c/powerbi-report\u003e\n\t\t```\n\t\t\n\t2. Generic Component\n\t\n\t\t```\n\t\t\u003cpowerbi-component options=\"vm.report\"\u003e\u003c/powerbi-component\u003e\n\t\t```\n    \n## Getting started\n\n1. Install:\n\n\t```\n\tnpm install -save angular-powerbi\n\t```\n\n1. Include the `angular-powerbi.js` file within your app:\n\n\t```\n\t\u003cscript src=\"angular-powerbi.js\"\u003e\u003c/script\u003e\n\t```\n\n2. Include the 'powerbi' module as a dependency of your app:\n\n\t```\n\tapp.module('app', [\n\t\t'powerbi'\n\t]);\n\t```\n\n3. Fetch embed data from the server (embedUrl and accessToken) and make it available on controller scope.\n\n\tThis would likely require using a factory or service to fetch report data from your local server.\t\n\tExample where the report is resolved when entering route:\n\n\tRoute:\t\n\t`return ReportsService.findById('5dac7a4a-4452-46b3-99f6-a25915e0fe55');`\n\n\tReportsService:\n\t```\n\tfindById(id: string): ng.IPromise\u003cPowerBi.IReport\u003e {\n\t\treturn this.$http.get(`${this.baseUrl}/api/reports/${id}`)\n\t\t\t.then(response =\u003e response.data);\n\t}\n\t```\n\n\tIf you need a sample server to test you can use the following:\n\t\n\t- Live example: https://powerbiembedapi.azurewebsites.net/\n\t- C# Sample Server: https://github.com/Azure-Samples/powerbi-dotnet-server-aspnet-web-api\n\t- Nodejs Sample Server: (COMING SOON)\n\n4. Insert the component in your template where you want to embed the visual:\n\t\n\t```\n\t\u003cpowerbi-report embed-url=\"vm.report.embedUrl\" access-token=\"vm.report.accessToken\" options=\"vm.reportOptions\"\u003e\u003c/powerbi-report\u003e\n\t```\n\t\n\t\n\t","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaritzstl%2Fpowerbi-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmaritzstl%2Fpowerbi-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaritzstl%2Fpowerbi-angular/lists"}