提交后無法清除 angular-json-schema-form

Question

我正在使用 json-schema-form 構建一個表單，並且正在使用這個庫。 https://www.npmjs.com/package/angular6-json-schema-form

這看起來不錯，但我有一個問題。 提交后，我想清空表格，但是不可能。

我在文檔中找不到方法，也搜索了stackoverflow並google了，但沒有得到解決方案。 所以我在提交后使用 Javascript 清除了表單，但是表單數據似乎保存在某個地方，因此可以重新提交而無需任何操作。

這是代碼

<json-schema-form
     *ngIf="isInquireForm"
     class="contact-form"
     loadExternalAssets="true"
     framework="no-framework"
     [options]="inquireFormOption"
     [schema]="inquireFormSchema"
     [form]="inquireFormLayout"
     (onSubmit)="onInquireSubmit($event)"
     (isValid)="inquireIsValidFn($event)"
     (validationErrors)="inquireValidationErrorsFn($event)">
</json-schema-form>

Answer 1

您需要創建一個 object 以使用默認值填充表單並將其綁定到 json 模式表單組件。 需要復位時，清除object中的數據。

data = {
   first_name: "abc",
   last_name: "xyz"
}

<json-schema-form
     *ngIf="isInquireForm"
     class="contact-form"
     loadExternalAssets="true"
     framework="no-framework"
     [options]="inquireFormOption"
     [schema]="inquireFormSchema"
     [form]="inquireFormLayout"
     [(data)]="data"
     (onSubmit)="onInquireSubmit($event)"
     (isValid)="inquireIsValidFn($event)"
     (validationErrors)="inquireValidationErrorsFn($event)">
</json-schema-form>

並清除表格，重置data

data = {
   first_name: "",
   last_name: ""
}