我想通过将布尔值(TRUE/FALSE)传递给LIT组件.多姆岛. 我遇到了问题,因为它总是被转换为True,我似乎在LIT文档中找不到一个好的例子来说明这一点.
所以基本上就是:
<my-element foo="false" />
...
@property({type: Boolean})
foo: boolean;
我已经试过的就是试着通过:"${false}"
我想通过将布尔值(TRUE/FALSE)传递给LIT组件.多姆岛. 我遇到了问题,因为它总是被转换为True,我似乎在LIT文档中找不到一个好的例子来说明这一点.
所以基本上就是:
<my-element foo="false" />
...
@property({type: Boolean})
foo: boolean;
我已经试过的就是试着通过:"${false}"
在HTML中,布尔属性由它们是否存在决定,而不是由字符串值决定.
您只需省略该属性:
<my-element></my-element>
和default the property to false:
class MyElement extends LitElement {
@property({type: Boolean})
foo: boolean = false;
}
如果您要在Lit-html模板中编写标记,则可以使用boolean attribute expression.
let foo = false;
html`<my-element ?foo=${foo}></my-element>`;