填充形式，将输入值分配给两个模型参数

Question

我有一个主要表单，用于在提交表单时创建/更新用户模型。我想同时更新另一个模型。也就是说，我要获取表单中的用户名并使用该值创建另一个模型对象。

<input type="text" class="form-control" name="login" #loginInput="ngModel"
                    [(ngModel)]="user.login" required minlength="1" maxlength="50" pattern="^[_.@A-Za-z0-9-]*$">

使用[(ngModel)]="user.login"我想用相同的值保存"user.login"和modelX.paramX。是否可以在表格中填写两个模型？

还是我必须获取值并在component.ts中单独进行处理？如果是这样，我该怎么办？

Answer 1

我发现可以实现此目标的唯一方法是使用输入的change事件，就像这样：

<input id="twomodel" name="twomodel" [(ngModel)]="X" (change)="Y= X" type="text" #twomodel="ngModel" />

看到更改事件，我刚刚将绑定值分配给另一个值

这是我从中获得此解决方案的链接（它使用angularjs）： How to bind 2 models to one input field in Angular?

希望有帮助