我目前正在学习如何在 Svelte 中使用绑定。我找到了我正在练习的这个例子,并且想稍微改变一下代码。我正在尝试使所选项目出现在同一行的 1 个标记中,而不是为每个选中的选项显示多个 p 标记。
- 如果 Roger 和 Syd 都被选中,那么我不想在一行中列出 Roger,然后在下面的另一行中列出 Syd,我只想拥有 --> Roger, Syd(在单个 p 标签中的同一行上)。
我知道我只需要骑上每个,但我不确定我可以用什么来代替它。我仍然想让这个例子尽可能简单。这是示例:
<script>
let goodDogs = []
let dogs = ['Roger', 'Syd']
</script>
<h2>
Who's a good dog?
</h2>
<p>
{#each dogs as dog}
<p>{dog} <input type=checkbox bind:group={goodDogs} value={dog}></p>
{/each}
</p>
<h2>
Good dogs according to me:
</h2>
<p>
{#each goodDogs as dog}
<p>{dog}</p>
{/each}
</p>