Power BI 客户端打开标记未在 Angular 应用程序中关闭答案

【问题标题】：Power BI client opening tag not closing in Angular appPower BI 客户端打开标记未在 Angular 应用程序中关闭
【发布时间】：2022-06-15 20:53:13
【问题描述】：

我正在尝试使用 Microsoft 组件在 Angular 应用程序中嵌入 Power BI 报告，但目前提供的代码导致解析错误。以下来自 GitHub 说明的 sn-p 生成错误，即“powerbi-report 未终止”的结束标记。微软启动代码示例中的语法是否不正确，这可能是另一个问题吗？

<powerbi-report
    [embedConfig] = {{
        type: "report",
        id: "<Report Id>",
        embedUrl: "<Embed Url>",
        accessToken: "<Access Token>",
        tokenType: models.TokenType.Embed,
        settings: {
            panes: {
                filters: {
                    expanded: false,
                    visible: false
                }
            },
            background: models.BackgroundType.Transparent,
        }
    }}

    [cssClassName] = { "reportClass" }

    [phasedEmbedding] = { false }

    [eventHandlers] = {
        new Map([
            ['loaded', () => console.log('Report loaded');],
            ['rendered', () => console.log('Report rendered');],
            ['error', (event) => console.log(event.detail);]
        ])
    }
>
</powerbi-report>

【问题讨论】：

标签： angular powerbi powerbi-embedded

【解决方案1】：

您从 github 复制的代码来自自述文件。问题在于 Angular 中的传递道具。您可以从 github 存储库 Angular -> demo -> app 文件夹中找到正确的代码 sn-p。

<powerbi-report [embedConfig]="reportConfig" [cssClassName]="reportClass" [phasedEmbedding]="phasedEmbeddingFlag" [eventHandlers]="eventHandlersMap">
</powerbi-report>

参考资料：

https://github.com/microsoft/powerbi-client-angular/blob/main/Angular/demo/src/app/app.component.html

【讨论】：