title: How to get correct iframe from Power BI to embed into Angular 8
body: <p>I am using this code to get Power BI iframe to display report in my angular application. But not getting exact report. Getting a message as "app.powerbi.com refused to connect".</p>
  
  <p>Anyone can please guide as how to create url to get iframe from PowerBi. I have already registered application and grant permissions in AAD azure portal.</p>
  
  <pre><code>let embedUrl = POWERBI.BASE_URL + POWERBI.REPORT_ID + "&amp;groupId=" + POWERBI.GROUP_ID;      
  
  let embedReportId = POWERBI.REPORT_ID;  
  let config = {  
      type: 'report',  
      accessToken: accessToken,  
      embedUrl: embedUrl,  
      id: embedReportId,  
      settings: {}  
  };     
  let powerbi = new pbi.service.Service(pbi.factories.hpmFactory, pbi.factories.wpmpFactory, pbi.factories.routerFactory);  
  let reportContainer = this.reportContainer.nativeElement;  
  powerbi.embed(reportContainer, config);  
  let report = powerbi.embed(reportContainer, config); 
  </code></pre>