在一个输入文本框中绑定两个模型名称

Question

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

这是范围对象：

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

在 DOM 中：{{userData.firstName}} {{userData.lastName}} 显然会打印出Manoj G。 现在，我有一个编辑按钮，点击它会显示一个需要与firstName 和lasName 绑定的输入文本框

我试过这个：

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

只绑定第一个

Answer 1

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

Answer 2

您需要有 2 个单独的文本字段来绑定名字和姓氏。 或

您可以使用 ng-click 并将名称分成两部分并将其分配给范围变量

Answer 3

  $scope.userData = [];// array as a model

        $scope.userData[0] = {firstName:"Manoj",}
        $scope.userData[1] = {lastName:"G"}

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

我认为这样可以解决您的问题。我没有检查它。希望它对你有用。