将Power Bi报告链接到Angular应用中，而不需要嵌入

Question

我们一直在使用powerbi-clientby在Angular应用中使用嵌入式电源报告获取访问令牌，传递HTML元素，嵌入URL，参数等

我现在有一个要求，不嵌入报告，而是在一个新的选项卡中打开报告。看起来我不太可能使用相同的包，因为这需要传递一个HTML元素，例如

下面的内容

embed(element: HTMLElement, config: IEmbedConfiguration): Embed;
/**
* Given a configuration based on an HTML element,
* if the component has already been created and attached to the element, reuses the component instance and existing iframe,
* otherwise creates a new component instance.
* This is used for the phased embedding API, once element is loaded successfully, one can call 'render' on it.
*
* @param HTMLElement} Parent HTML element
* @param IEmbedConfiguration Embed configuration
* @returns Embed Embedded object
*/

单击按钮，关于如何将用户重定向到外部链接并在新选项卡中显示报告(具有访问令牌，参数和其他强制性详细信息传递给它)的任何建议

Answer 1

为了在新弹出选项卡中打开报告，我们在app.component.html

中添加了这段代码

<div id="popupContent10" class="overlay"> 
<div class="popup"> 
<a class="close" href="#">&times;</a> 
<powerbi-report [embedConfig]="reportConfig" [cssClassName]="reportClass" [phasedEmbedding]="phasedEmbeddingFlag" [eventHandlers]="eventHandlersMap"> 
</powerbi-report> 
</div> 
</div> 

所以当我们点击按钮时，我们的报告在新的弹出窗口中打开。你可以这样试试。