在前面的页面中，你使用表达式添加了文本内容（子节点）和事件监听器。你还可以使用表达式来设置属性或特性。

这里我们提供了一个带有复选框和文本输入的组件。在这一步中，你将使用表达式来启用或禁用文本输入。

• 找到文本输入并添加此表达式。

  ?disabled=${!this.checked}

  ?attributeName 语法告诉 Lit 你想根据表达式的值设置或移除一个布尔属性。

Lit 模板中表达式有五个常见位置：

<!-- 子节点 -->
<h1>${this.pageTitle}</h1>

<!-- 特性 -->
<div class=${this.myTheme}></div>

<!-- 布尔特性 -->
<p ?hidden=${this.isHidden}>I may be in hiding.</p>

<!-- 属性 -->
<input .value=${this.value}>

<!-- 事件监听器 -->
<button @click=${() => {console.log("You clicked a button.")}}>...</button>

表达式可以使用任何标准 JavaScript。

更多信息请参见表达式。