primeng 形式，从输入值分配给两个模型参数答案

【问题标题】：primeng form, assign from input value to two model parametersprimeng 形式，从输入值分配给两个模型参数
【发布时间】：2019-02-26 04:25:18
【问题描述】：

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

<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中获取值并单独执行吗？如果是，我该怎么做？

【问题讨论】：

你试过<input ... (change)="someMethod()"然后在方法中对modelX.propX进行赋值。喜欢modelX.propX = this.user.login
是的，我现在就是这样做的，不过我是在提交时这样做的。改变会让事情变得更容易。谢谢！

标签： angular primeng

【解决方案1】：

我发现您可以实现此目的的唯一方法是使用输入的更改事件，它将如下所示：

<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?

希望有帮助

【讨论】：

@Tika 不要忘记这只会在您离开输入时将值分配给 Y