Multiple dynamic classes with amp-bind

Question

How do you include multiple dynamic classes in amp-bind?

For example:

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

Answer 1

You can return a single string containing multiple classes inside your amp-bind expression:

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