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

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

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

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

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

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

Answer 2

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

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

Answer 3

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

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

Bind two model names in one single input text box

javascript

angularjs

angular-ngmodel