首页 > 解决方案 > 使用 HAML 为 javascript 指定异步属性

问题描述

为了在网页中包含谷歌分析生成

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-135345611-1">

我在文档中找不到那么多。然后我找到了这个,但它把我的 HTML 标签转换为

%script(:async => "", src="https://www.googletagmanager.com/gtag/js?id=UA-135345611-1")

这使中间人 v4.2.1 构建失败:

Invalid attribute list: "(:async => \"\", src=\"https://www.googletagmanager.com/gtag/js?id=UA-135345611-1\")".
partials/_header.html.haml:4

任何人都知道如何在 HAML 中编写这一行以便正确解析?

标签: javascriptrubyhamlmiddleman

解决方案


要呈现没有属性值的 HTML 属性,例如asyncor selected,请滚动到http://haml.info/docs/yardoc/file.REFERENCE.html#attributes上的“布尔属性” 。

因此,要包含您的 GA 代码,请使用:

%script{async: true, src: "https://www.googletagmanager.com/gtag/js?id=UA-135345611-1"}

推荐阅读