如何在HAML中设置脚本标签的属性?

Question

在正常的HTML或ERB中，向<script>标记添加属性非常简单，就像向其他任何东西添加属性一样。但是在HAML中你使用:javascript过滤器。如何添加属性，例如type="module"?

Answer 1

您可以简单地在script标签中添加一个属性。

,

%script{:type => "text/x-tmpl"}

Answer 2

在HAML中，您可以使用与其他元素相同的语法向:javascript过滤器添加属性。例如，要添加type="模块"属性设置为:javascript过滤器，你可以使用以下语法:

:javascript(type="module")
// your JavaScript code here

这会生成以下HTML:

<script type="module">
// your JavaScript code here
</script>

您还可以使用相同的语法向:javascript过滤器添加其他属性。例如，要添加defer属性，您可以使用:

:javascript(type="module" defer)
// your JavaScript code here

这会生成以下HTML:

<script type="module" defer>
// your JavaScript code here
</script>

除了type和defer属性之外，您还可以为脚本标记使用任何其他有效的属性，例如src、async、integrity和crosorigin。只需将它们添加到属性列表中，在type和defer属性之后，用空格分隔。

我希望这能帮助你在HAML中添加属性到:javascript过滤器。如果你有任何问题，请告诉我!