Blazor JS scripts into a blazor component
Question
I am building a Blazor app, I need to dynamically add a JavaScript file that is used only in a single Blazor component. As you would be aware Blazor allows adding script tags only to the root HTML document. This makes it difficult to add JavaScript files that are required only in a single component.
The script is
It is important to set the data-main="payment-js" attribute on the script tag.
Are there any restrictions around iframe rendering in Blazor? The script renders multiple iframes on the specific Blazor components as part a PCI compliant payment system integration.
The script works in a simple HTML file.
I would be grateful for any assistance
2 answers
solution1
1 2022-09-13 18:26:27
This can be achieved by using a script loader and JSRuntime . Check this out.
solution2
0 2022-07-31 00:15:39
You could use the special HeadContent component to add the script in the <head> tag from your component.
<HeadContent>
<script data-main="payment-js" src="gateway.tillpayments.com/js/integrated/…>
</HeadContent>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.