Blazor JS 脚本到 blazor 组件

Question

我正在构建一个 Blazor 应用程序，我需要动态添加一个仅在单个 Blazor 组件中使用的 JavaScript 文件。 如您所知，Blazor 仅允许将脚本标签添加到根 HTML 文档。 这使得添加仅在单个组件中需要的 JavaScript 文件变得困难。

脚本是

在脚本标签上设置 data-main="payment-js" 属性很重要。

Blazor 中的 iframe 渲染是否有任何限制？ 该脚本在特定的 Blazor 组件上呈现多个 iframe，作为 PCI 兼容支付系统集成的一部分。

该脚本在一个简单的 HTML 文件中工作。

我将不胜感激任何帮助

Answer 1

这可以通过使用script loader和JSRuntime来实现。 看看这个。

Answer 2

您可以使用特殊的HeadContent组件将脚本添加到组件的<head>标记中。

<HeadContent>
    <script data-main="payment-js" src="gateway.tillpayments.com/js/integrated/…>
</HeadContent>