Есть ли способ сделать атрибуты LitHtml необязательными?

Question

Я не говорю о логических атрибутах, таких как class, если вы не хотите добавлять пустой атрибут класса, если нет класса CSS.

html`<span class=${hasClass ? 'my-class' : ''}></span>`

Answer 1

Существует директива ifDefined, которая делает то, что вы хотите. Если значение равно undefined, атрибут не будет отображен.

import {ifDefined} from 'lit-html/directives/if-defined';

html`<span class=${ifDefined(hasClass ? 'my-class' : undefined)}></span>`