html - 如何重置html中的值

Question

当用户进行了不必要的更改并且不想保存它时，它应该在用户单击取消按钮时将值重置为以前的值。任何解决方案

<div class="org-event" *ngIf="org.eventsettings">
    <div class="event-title">Title</div>
    <br/>
    <label><input type="number" [(ngModel)]="expires" pattern="^[0-9]{1,3}$"/> An Event Begins at {seconds}</label>
    <label *ngIf = "condition1" ><input type="number" [(ngModel)]="org.value"/> value</label>
    <label *ngIf = "condition2" ><input type="number" min="1" max="3" pattern="[1-3]" [(ngModel)]="org.members"/> Quantity</label>

    <br/>
    <button class="even-success" (click)="save(org._id);"> Save </button>
    <button class="even-success" (click)= "org.eventsettings=''"> Cancel </button>
</div>

Answer 1

当用户单击取消按钮时，调用此函数：

function clearValues() {
  var inputs = document.getElementsByTagName("input");
  while (i < inputs.length) {
    inputs[i].value = "";
    i++;
  }
}

总而言之，它获取页面上的所有输入并将其值设置为空白字符串。