javascript - knockoutjs 将多个输入元素绑定到一个 observable

Question

我想将两个或多个输入元素绑定到 viewModel 的一个可观察属性。

例如，我可能有一个名为 Telephone number 的属性，它由区号和号码组成。我想为用户输入显示两个文本框，它会更新视图模型中的单个可观察对象（它可以存储为逗号分隔的字符串或数组）。我不想拥有多个属性，然后拥有电话号码的计算属性，因为我不知道将向用户显示多少个文本框以供输入（使用模板动态生成）。

有没有可能实现？谢谢！

编辑：这是更好理解的小提琴http://jsfiddle.net/amitava82/wMH8J/2/

Answer 1

如果你的数据被组合成一个 observable，你需要一些东西来解析或拆分它们。一种方法是使用计算。如果您想要 3 个（仅选择一个数字）文本框作为电话号码，并且它们都指向 1 个可观察的电话号码，您可以为部件创建读/写计算属性并将它们绑定到输入文本框。例如，区号文本框将绑定到一个计算的被叫区号，该区号读取电话号码的前 3 个字符。它的可写方面只是将这 3 个写回可观察的电话号码。