amp-html - 如何阻止 AMP 删除未使用的 CSS 类？

Question

我注意到 AMP 删除了我的样式表中未使用的 CSS 类。这使我无法在用户单击按钮时使用 amp-bind 将这些类添加到 HTML 元素中。

on="submit-success: AMP.setState({'disliked_clicked': event.response.disliked_clicked})"

<div id="liked" [class]="liked_clicked">Add CSS class when clicked</div>

disliked_clicked 的值取决于服务器逻辑，但它可以是“class-one”或“class-two”，例如。

在我的样式表中，我有：

.class-one {
    some styles
}
.class-two {
    some styles
}

在源代码中找不到这两个类，我假设 AMP 删除了它们，因为它们最初并未应用于任何 HTML。

我通过在 HTML 中包含一个应用了样式的空 div 找到了一种解决方法。

<div class="class-one class-two">I have no practical purpose</div>

我不想在我的模板中包含空 div，这样 AMP 就不会删除最初未使用的 CSS 类。还有其他方法可以让 AMP 停止删除这些类吗？

标签： amp-htmlamp-bind