表单中的Angular 2回滚模型状态

Question

我在Angular 2中有一个绑定到模型的表单。现在，我希望在用户点击取消时模型中的更改回滚。我如何实现这一目标？

Answer 1

我会重复评论中讨论的内容（因为我不喜欢SO上未回答的问题）：

• 对于许多用例，您可以使用与Hierarchical Injectors开发指南中讨论的RestoreService非常相似的内容。
• 对于OP的特定情况，模型绑定到另一个组件并且实时表单更改需要反映在另一个组件中，请在显示表单之前复制模型。如果用户取消，则还原为副本，并通知其他组件也使用该副本（即将副本发送给它）。

Answer 2

如果您通过进行Object.assign({}, yourModel)复制模型，则不会突变原始对象，这将使您可以还原为原始对象。