ГлавнаяЯзыки программирования HTML Как отключить поле условно в Svelte?
СтатьиЯзыки программирования
PHPJavascriptPythonC#JavaBashShellPowerShellTypeScriptC++CSQLHTMLCSSXMLGoRubyHaskellErlang
Базы данныхСистемы контроля версийJavascript фреймворкиБэкэнд фреймворкиПакетные менеджеры

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

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

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

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

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

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

[РЕШЕНО]Перейти к решению
Claudio, 15 мая 2018 г., 16:26
8
3 441
2
Html108700 вопросовSvelte261 вопрос

Ответы:

Решено

Как это:

<input disabled={booleanCondition}>
Rich, 15 мая 2018 г., 16:42

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

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

<!-- App.svelte -->
<Nested disabled={ booleanCondition }/>
Dmitry, 20 марта 2021 г., 19:44

Интересные вопросы для изучения

Как отправить несколько данных формы с помощью jQuery ??Нижний колонтитул перекрывает контент веб-сайтаЯ не вижу свою анимацию, вместо этого я получаю что-то вроде эффектов отображения и скрытия?Как я могу узнать, генерирует ли мой веб-сайт файлы cookie на компьютере пользователя или нетПреобразование div в форму GET, которая генерирует ссылкуПример скроллера Sapper и SvelteМожно ли динамически загружать шаблон Svelte во время выполнения?Как тег скрипта ограничен для отдельных страниц в Svelte / Sapper?Как динамически импортировать и рендерить компоненты в Svelte / Sapper?Svelte framework: передача переменных среды клиентскому бандлу во время выполнения