Question

我我的棱角项目我想重设表单，但是它正在工作，但是在重设表单验证后，停止工作并且没有数据成功提交了表单，所以在以任何角度重设表单之后，如何停止此操作，请先有个想法< / p>

这是我的重置代码

resetForm(form ? : NgForm)
{
    form.resetForm();
}

这是html

<form #form="ngForm" (submit)="insertRecord(form)"  autocomplete="off">
    <div class="form-group">
      <label class="control-label">Type</label>
      <div class="">
      <input  name="type"  [(ngModel)]="formData.type" class="form-control" [class.is-invalid]="!isValid && formData.type =='' " id="type">
       </div>
   </div>
   <div class="form-group">
       <label class="control-label">Weight Limit</label>
       <div class="">
       <input  name="weight_limit"  [(ngModel)]="formData.weight_limit" class="form-control" [class.is-invalid]="!isValid && formData.weight_limit =='' ">
  </div>
 </div>
 <div class="form-group">
      <label class="control-label">Status</label>
           <div class="" >
            <select name="is_active" class="form-control" [(ngModel)]="formData.is_active" [class.is-invalid]="!isValid && formData.is_active =='' ">
        <option value="true">Active</option>
            <option value="false">In Active</option>
   </select>
  </div>
 </div>

提交关重启

validation Method
    validateForm(formData: GoodsType)
    {
        this.isValid = true;
        if(formData.is_active == '')
        {
            this.isValid = false;
        }
        else if(formData.type == '')
        {
            this.isValid = false;
        }
        else if(formData.weight_limit == '')
        {
            this.isValid = false;
        }
        return this.isValid;
    }

发布数据方法

  insertRecord(form: NgForm)
    {
        if(this.validateForm(form.value))
        {
            this.goodsTypeService.postGoodsType(form.value).subscribe(res => {
                this.getGoodsType();
                this.toastr.success('Inserted SUccessfully', 'Goods Type');
            });
        }
    }

休息表格后如何解决验证停止在angular 7中工作

0 个答案: