有没有办法使LitHtml属性成为可选属性？

Question

如果您不想在没有CSS类的情况下添加空的类属性，那么我不是在谈论布尔属性，例如class之类的属性。

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>`