具有amp-bind的多个动态类

时间:2018-03-12 23:14:45

标签: amp-html amp-bind

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

例如:

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

2 个答案:

答案 0 :(得分:2)

您可以在放大器绑定表达式中返回包含多个类的单个字符串:

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

答案 1 :(得分:0)

如果您指的是CSS课程,可以参考here

以下特定于amp-referrer-*amp-viewer的CSS类会添加到AMP动态CSS类扩展程序的<body>元素中。

您可以提供here提供的示例项目,以了解其实施方式。