javascript - knockoutjs は、複数の入力要素を 1 つのオブザーバブルにバインドします

Question

2 つ以上の入力要素を viewModel の 1 つの監視可能なプロパティにバインドしたいと考えています。

たとえば、市外局番と番号で構成される電話番号というプロパティがあるとします。ユーザー入力用に 2 つのテキスト ボックスを表示したいのですが、viewmodel 内の単一のオブザーバブルを更新します (カンマ区切りの文字列または配列として格納される場合があります)。入力用にユーザーに表示されるテキストボックスの数がわからないため（テンプレートを使用して動的に生成される）、複数のプロパティを持たずに電話番号の計算されたプロパティを持ちたくありません。

達成することは可能ですか？ありがとう！

編集：これは理解を深めるためのフィドルですhttp://jsfiddle.net/amitava82/wMH8J/2/

Answer 1

データが 1 つのオブザーバブルに結合されている場合は、それらを解析または分割するための何かが必要です。1 つの方法は、計算を使用することです。電話番号用に 3 つの (数字を選択するだけの) テキストボックスが必要で、それらがすべて 1 つの電話番号を参照する場合、パーツの読み取り/書き込み計算プロパティを作成し、それらを入力テキストボックスにバインドできます。たとえば、市外局番テキスト ボックスは、電話番号の最初の 3 文字を読み取る、計算された呼び出された市外局番にバインドされます。その書き込み可能な側面は、これら3つを単純に電話番号オブザーバブルに書き戻すだけです。