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