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

Amp html 具有amp bind的多个动态类,amp-html,amp-bind,Amp Html,Amp Bind,如何在amp bind中包含多个动态类 例如: <div [class]="condition1 ? 'classA' : 'classB'" [class]="condition2 ? 'classA' : 'classD'"></div> 您可以在amp-bind表达式中返回包含多个类的单个字符串: <div [class]="(condition1 ? 'classA' : 'classB') + ' ' + (condition2 ? 'classA' :

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

例如:

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

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

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

如果您指的是CSS类,您可以参考

以下CSS类专门添加到amp动态CSS类扩展的
元素中


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

例如,当第二个类通过amp bind宏时,我编写的代码:
[class]=“'seat-data'+''+getStringPart(ampState.seatsArray[ampState.active],'2')”