如何在Svelte中有条件地禁用字段？

Question

在Angular 2+（例如）中，我可以使用此语法有条件地禁用字段：

<input [disable]="booleanCondition" type="text">

在Svelte中我试图按照以下方式做，但它不起作用：

<input {booleanCondition ? 'disabled=""' : ''} type="text">

我该怎么做？

Answer 1

Like this：

<input disabled={booleanCondition}>

Answer 2

我要添加到已接受的答案中，可以按如下方式传递外部（相对于组件）布尔值：

<!-- Nested.svelte -->
<input disabled={ $$props.disabled }>

<!-- App.svelte -->
<Nested disabled={ booleanCondition }/>