有没有办法让 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>`