如何设置模板驱动表单编辑后的默认值但不保存在没有表单组的Angular中？

Question

如果我打开表单并更改输入字段 'city' 并单击取消。之后，如果我再次打开表格，默认值就会改变。如何在表单字段中获取默认值？

分量

city:string = 'Chennai'

模板

<form (ngSubmit)="f.form.valid && editUserCity()" #f="ngForm" novalidate>    
    <input type="text" name="city" [(ngModel)]="city" class="form-control" 
    placeholder="City" required #city="ngModel"
    [class.is-invalid]="f.submitted && city.invalid"
    >
    <button type="submit" class="greenbutton upperCase w200px">Save</button>      
</form> 

Answer 1

我认为最直接的方法是使用 ngModel 和单向绑定。

示例：

<input type="text" name="city" [ngModel]="city" >

使用这种单向绑定，不会改变原来的城市值。