主页 / 问题 / 821262
Accepted
Lex
Asked:2020-04-30 05:33:01 +0000 UTC2020-04-30 05:33:01 +0000 UTC

使用 ngModel 双向绑定的对象复制

  • 772

Order有一个输入，用户名的值来自基础对象：

<input value="{{Order.Name}}" [(ngModel)]="Order.Name" />

ngModel当需要更改输入中的用户名时，输入使用双向绑定来调整底层对象。

如果输入中名称的值发生变化，则需要显示一些消息。

如何保存输入的原始值以便与新值进行比较（显示消息）？

尝试制作原始对象的副本，但[(ngModel)]原始对象及其所有副本都被使用。事实上，事实证明没有什么可以与新值进行比较。

单向绑定[ngModel]不适合，因为底层对象最终需要更改才能发送到服务器。

angular2

1 个回答

  1. Best Answer

    Kак сохранить первоначальное значение инпута, чтобы с ним сравнивать новое значение (для вывода сообщения)? 您只是没有正确复制对象。你至少应该这样复制：

    const copyObj = Object.assign<`тип Order`, `тип Order`>('новый объект', this.Order);

    在这种情况下，您将收到一份副本，更改基础副本Order不会有任何影响。

    关于主要问题：如果您需要显示一条消息以防输入中的某些内容发生变化，那么您可以使用表单 ( <form>)。她有财产dirty。因此，如果输入设置了此属性，则您可以显示有关更改的消息。

    • 1

相关问题