r
Беру с сервера json, распарсиваю в html и хочу сохранить в тот json значение, чтобы отдать обратно серверу. Обновил репл
Size: a a a
2021 March 23
AK
Кирилл Спасибович
надо юзать querySelector и value, так как в репле не получится
Не нужно
AK
Все можно через байнд решать
КС
а я откуда знаю что он хотел? он хотел из распаршенного html сохранять введённые данные
КС
ты разве можешь из распаршеного html байнд сделать ?
КС
понятное дело что так как в репле работать тоже не будет, это не реакт
шаблоны статичны
шаблоны статичны
КС
если это массив опросов, то выглядеть это будет как-то так
{#each surveys as survey}
{#if survey.type === 'text'}
<input bind:value={survey.value} />
{/if}
{/each}AK
Можно просто сохранять стейт и его передавать
КС
Можно просто сохранять стейт и его передавать
давай поподробнее расскажи
r
Кирилл Спасибович
если это массив опросов, то выглядеть это будет как-то так
{#each surveys as survey}
{#if survey.type === 'text'}
<input bind:value={survey.value} />
{/if}
{/each}Скорее всего, так и сделаю. Благодарю
МТ
Кирилл Спасибович
если это массив опросов, то выглядеть это будет как-то так
{#each surveys as survey}
{#if survey.type === 'text'}
<input bind:value={survey.value} />
{/if}
{/each}surveys.filter(survey => survey.type === 'text')
КС
а если у него есть другие типы, то делать ещё один each ?
МТ
Кирилл Спасибович
а если у него есть другие типы, то делать ещё один each ?
То иметь все тот же each и ставить тип в экшне вместо фильтрации
КС
давай пример завози
КС
лучше уж тогда динамический инпут компонент сделать, а то у тебя числа будут в виде строк
МТ
Кирилл Спасибович
лучше уж тогда динамический инпут компонент сделать, а то у тебя числа будут в виде строк
Динамический инпут компонент?
Та и где у инпутов не строковые валью?
Та и где у инпутов не строковые валью?
DK
Марк Танащук
Динамический инпут компонент?
Та и где у инпутов не строковые валью?
Та и где у инпутов не строковые валью?
В числах и датах.
valueAsNumber, valueAsDate
valueAsNumber, valueAsDate
КС
<script lang="ts">
export let label = '';
export let placeholder = '';
export let value: string | number = '';
export let type = 'text';
function handleInput(event: Event): void {
const { value: inputVal } = event.target as HTMLInputElement;
if (type === 'number') {
value = inputVal === '' ? 0 : +inputVal;
} else {
value = inputVal;
}
}
</script>
{#if label}
<label class="input {$$restProps.class || ''}">
<span>{label}</span>
<input {type} value={value || ''} on:input={handleInput} />
</label>
{:else}
<input
class="input {$$restProps.class || ''}"
{type}
{placeholder}
value={value === 0 ? '' : value}
on:input={handleInput}
/>
{/if}
<style lang="scss">
label, input {
display: block;
}
</style>
КС
типа такого