Amp html 具有amp bind的多个动态类
如何在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' :
<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')”