Angular 表单控件与ngbDatePicker无效
我有以下输入并正常工作以保存Angular 表单控件与ngbDatePicker无效,angular,ngb-datepicker,Angular,Ngb Datepicker,我有以下输入并正常工作以保存 <input id="field_dataAtivacao" type="text" class="form-control" name="dataAtivacao" ngbDatepicker #dataAtivacaoDp="ngbDatepicker" formControlName="dataAtivacao" [value]="dataAtivacao | date:'dd/MM/yyyy'
<input id="field_dataAtivacao" type="text" class="form-control" name="dataAtivacao"
ngbDatepicker #dataAtivacaoDp="ngbDatepicker" formControlName="dataAtivacao"
[value]="dataAtivacao | date:'dd/MM/yyyy'" placeholder="00/00/0000"
[disabled]="false" [readonly]="true" />
来自cliente.dataativaco
的值是使用此格式的正常日期00/00/0000
。当用户单击进行编辑时,将加载该文件
this.editForm.patchValue({
dataAtivacao: cliente.dataAtivacao,
});
当我需要更新表单控件的值时,会出现此问题,因为只有在我单击输入并再次设置日期时,按钮才处于启用状态,但我需要在不再次单击的情况下进行更新以设置日期,因为日期已加载
<button type="submit" id="save-entity"
[disabled]="editForm.invalid" class="btn btn-primary">
<span>Save</span>
</button>
拯救
为什么要在html中使用value属性?这是问题所在吗?是的,当使用被动表单时,不需要value属性来更新值。patchvalue将在内部更新该值。但是现在在输入中不显示该值。输入仅显示在代码中修补值的占位符?
<button type="submit" id="save-entity"
[disabled]="editForm.invalid" class="btn btn-primary">
<span>Save</span>
</button>