Question

我在Angular2中有一个表单。

<form (ngSubmit)="onSubmit()">
   <input type="text" [(ngModel)]="userName"/>
   <button type="submit">Submit</button>
   <button>Cancel</button>
</form>

userName和onSubmit()在我的组件类中定义。现在，当表单打开时，用户可以“提交”表单或“取消”任何更新。

假设初始userName为'abc'。

1）用户打开表单

2）将userName输入更改为'xyz'

3）点击Cancel按钮取消更改

4）再次打开表单，看userName现在是'xyz'

我理解它是由于双向数据绑定而发生的，但我想在这里避免它。我想仅在单击提交时更新属性，否则关闭所有更新。我怎样才能做到这一点？有一些棱角分明的方式吗？另外，我应该自己保留一份深层文本吗？

谢谢！

Answer 1

这可以使用角度FormBuilder

来完成

参考博客文章 - Angular Form data driven

示例源代码 - GitHub

如何在Angular2中提交表单时如何绑定数据？

1 个答案: