javascript - 在一个输入文本框中绑定(bind)两个模型名称

Question

单击编辑按钮时，如何将两个不同范围对象中的两个模型名称绑定(bind)到单个文本框中？

这是范围对象:

$scope.userData= {
                  firstName:"Manoj",
                  lastName:"G"
                 }

在 DOM 中:{{userData.firstName}} {{userData.lastName}} 显然会打印 Manoj G。现在，我有一个编辑按钮，单击该按钮会显示一个需要与 firstName 和 lasName

绑定(bind)的输入文本框

我已经尝试过这个:

<input type="text" ng-model="userData.firstName" required> 

它只会绑定(bind)第一个

Answer 1

如果您需要从一个输入字段编辑名字和姓氏，请尝试使用 ngchange 并调用一个用空格分割的函数。