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

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

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

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

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

Answer 3

您需要有2个单独的文本字段来绑定firstname和lastname。 OR

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

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

3 个答案: