时间戳

首页 > 解决方案 > 验证停止工作

angular - 验证停止工作

问题描述

 <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);
  }

一切正常，我正在处理组件，但出现无法读取值的错误。

在我的帐户之后，表格不再空置，应用程序启动时的保存按钮......（我以前经常这样做）。

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

标签： angular

解决方案

尝试使用这个

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

这将一次处理所有未定义的错误。

推荐阅读