双向データバインディング
ユーザーインターフェース(例:入力ボックスやカスタムコンポーネント)とデータモデルの間にリアルタイムの双方向関連を確立するには、sync構文を使用します。
以下の例は、コンポーネントで sync 属性を使用して、入力ボックスとデータモデルの間で双方向データバインディングを実現する方法を示しています。
dataパラメーターで、testTextという名前のデータを定義し、初期値を "I am testText" に設定しました。sync:value="testText"を使用することで、入力ボックスの値とtestTextデータの間に双方向データバインディングが確立されます。したがって、ユーザーが入力ボッスにコンテンツを入力すると、testTextデータがリアルタイムに更新され、その逆も同様です。- 同様に、
sync:txt="testText"を使用することで、カスタムコンポーネントのtxt属性とtestTextデータの間に双方向データバインディングが確立されます。コンポーネントのtxt属性が変更されると、testTextデータがリアルタイムに更新され、その逆も同様です。
データバインディングを使用することで、ユーザーインターフェースとデータモデルの間に簡単に接続を確立できます。これにより、データの変更が自動的にインターフェースに反映され、また、ユーザーの入力も即座にデータモデルに影響を与えることができます。
値する注意は、データ同期は 文字列 または 数値 のみを伝送できることです。他のデータ型は伝送できません。