带有 amp-bind 的多个动态类

Question

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

例如：

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

Answer 1

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

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