amp-html - 具有 amp-bind 的多个动态类

Question

如何在 amp-bind 中包含多个动态类？

例如：

<div [class]="condition1 ? 'classA' : 'classB'" [class]="condition2 ? 'classA' : 'classD'"></div>

score 3 · Accepted Answer

您可以在 amp-bind 表达式中返回包含多个类的单个字符串：

<div [class]="(condition1 ? 'classA' : 'classB') + ' ' + (condition2 ? 'classA' : 'classD')">...</div>

score 0 · Accepted Answer

如果你指的是 CSS 类，你可以参考这里。

以下 CSS 类专门amp-referrer-*添加amp-viewer到 AMP 动态 CSS 类扩展的<body>元素中。

您可以查看此处提供的示例项目，以了解它是如何实现的。

2 回答 2