Angular2 Выполнение другого с ngClass

У меня есть следующий шаблон:

<p [ngClass]="{checked: condition, unchecked: !condition}">

Пока это работает, я нахожу его немного уродливым, так как я должен повторять в два раза больше условия. Есть ли способ сделать что-то вроде: [ngClass]={condition? checked: unchecked} [ngClass]={condition? checked: unchecked} (который не работает)

благодаря

Ответ 1

В самом деле

<p class="{{condition ? 'checked' : 'unchecked'}}">

или

<p [ngClass]="condition ? 'checked' : 'unchecked'">

или

<p [ngClass]="[condition ? 'checked' : 'unchecked']">