Как отключить поле условно в Svelte?

В Angular 2+ (например) я могу использовать этот синтаксис для условного отключения поля:

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

В Svelte я пытаюсь сделать следующее, но не работает:

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

Как мне это сделать?


8
3 441
2

Ответы:

Решено

Как это:

<input disabled={booleanCondition}>

Я бы добавил к принятому ответу, что можно передать внешнее (по отношению к компоненту) логическое значение следующим образом:

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