2017-07-14 4 views
0

Svelteはチェックボックスのバインディングをサポートしていますか?Svelteはチェックボックスのバインディングをサポートしていますか?

ドキュメントには次のように記載されているので、まだ実装されていない可能性があります。

双方向バインディングはまだ完全には実装されていません。利用可能なバインディングの一覧はすぐに確認してください!

私は、実装がこのように見えると思います。

<input type="checkbox" bind:checked="checked"> 

しかし、私は現時点でこれを試しても機能していないようです。さらなる調査の際

更新

、バインディングコンポーネントデータに変更するバインドされた値で、何らかの形で働いているようです。しかし、何らかの理由で、DOMに変更が反映されていません。それらは、単にデータ自体を(component.set({checked: component.get('checked')}))に設定して反映させることができますが、DOMの更新は強制されますが、バインディングの際に自動的に反映されるわけではありません。

アップデート2

私はこの問題を示すためにcreated a REPLを持っています。あなたの例では

答えて

1

、あなたはコンポーネントなど<input>要素をバインドする必要があります。

<Component bind:checked="checked"></Component> 

あなたはhere作業それを見ることができます。

+0

よろしくお願いします。これは、データプロパティが親コンポーネントから子コンポーネントに渡された後、既にバインドされていたという印象を受けていたため、私の心を邪魔しませんでした。この場合、親コンポーネントから子コンポーネントへの片方向バインディングがあり、 ':bind'は親と子の間の双方向バインディングを宣言していますか? –

+1

これはまさに正しいことです。単方向のデータフローがデフォルトであり、双方向のバインディングがオプトインになるように設計されています(盲目的に行われた場合、厄介な突然変異のバグを引き起こす可能性があるため) –

関連する問題