如果用户单击“取消”按钮，如何重置ngModel的值

Question

很抱歉问题标题不正确。 我正在显示客户地址，并且提供了更改客户地址的编辑功能。 为此，我正在使用ngModel这样的：

<mat-label>Contact Sub Type: 
<input [(ngModel)]="element.contactSubType"
  (ngModelChange)="editContactFunction(element.contactId, element.referenceNumber,element.contactType,element.contactSubType)"/>
</mat-label>

打字稿代码：

editContactFunction(contactId, referenceNumber, contactType, contactSubType) {
    console.log(contactId, referenceNumber); // here I am getting the value 
    this.editContactId = contactId;
    this.editReferenceNumber = referenceNumber;
    this.editContacType = contactType;
    this.editContactSubType = contactSubType;
}

现在，我单击“编辑”按钮并更改值，然后单击“保存” 如果我单击保存，则显示更改的值，但是假设我将城市从A更改为B，然后单击取消，则仍显示B。 如果用户单击“取消”按钮，如何显示A。

我了解我正在执行双重绑定，并且一旦更改值，它将立即绑定到html和typescript。但是我该怎么解决