使用HAML为javascript指定异步属性

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

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

middleman v4.2.1构建失败，原因是：

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

有人知道如何用HAML写这行代码以便正确解析吗？

你试过吗

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

当我在那个网站上运行你的代码时，它用括号而不是括号来包装它。也许这就是它不能正确解析的原因

---

另一方面，我个人使用haml，因为它与middleman使用的haml版本相同。

要呈现不带属性值的HTML属性，如

async

或

selected

，请滚动到下面的“Boolean attributes”

因此，要包含GA代码，请使用：

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

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