Question

 <form #formAddConfig="ngForm" (ngSubmit)="addConfig(formAddConfig)" class="compact" novalidate>
        <clr-modal [(clrModalOpen)]="openModalAdd" [clrModalStaticBackdrop]="true">
            <h3 class="modal-title">Agregar</h3>
            <div class="modal-body">
                <div class="form-group row">
                    <div class="col-xs-4">
                        <label for="nameParameter">Nombre Parámetro: </label>
                    </div>
                    <div class="col-xs-8">
                        <input type="text" id="nameParameter" name="nameParameter" class="form-control" required>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-success" [disabled]="formAddConfig.form.invalid">Agregar</button>
                <button type="button" class="btn btn-outline" (click)="openModalAdd = false">Cancelar</button>
            </div>
        </clr-modal></form>

addConfig(formAddConfig: any) { 
       console.log('my form ' ,  formAddConfig.form.controls.nameParameter.value);
  }

一切正常，我在组件上工作，但出现错误，无法读取该值。

在我拥有帐户之后，该表格不再被占用，在应用程序启动时保存按钮...（我以前曾经这样做过。）

好像有一个参考，但我不明白为什么。

Answer 1

尝试使用

console.log('my form ' ,  formAddConfig 
  && formAddConfig.form
  && formAddConfig.form.controls
  && formAddConfig.form.controls.nameParameter
  && formAddConfig.form.controls.nameParameter.value
  || 'value is undefined');

这将立即处理所有未定义的错误。

验证停止工作

1 个答案: