LitElement 带有 HTML 元素属性/属性的点

Question

我正在使用 Polymer 学习 Web 组件。我是网络开发的初学者。

如何理解.checkedHTML 元素的属性或属性中的点表示法的含义？

<input id="state" type="radio" name=${this.group} .checked=${this.checked} />

Answer 1

总的来说，绑定类型由以下字符前缀组成：.prop、?optional和@event。

html`<input 
    id="state" 
    type="radio" 
    name=${this.group} 
    @change=${onChange}
    ?required=${required}
    .checked=${this.checked} />`

您可以插入 JavaScript 表达式作为 HTML 文本内容、属性、布尔属性、特性和事件处理程序的占位符。

• 文字内容：<p>${...}</p>
• 属性：<p id="${...}"></p>
• 布尔属性：?disabled="${...}"
• 财产：.value="${...}"
• 事件处理程序：@event="${...}"

点燃元素文档

现场演示