角度:对象form.value首次为空

时间:2018-12-04 15:37:14

标签: html angular forms components

我对Angular 6有疑问: 我正在创建一系列自定义组件(代表输入组件)。组件模板非常简单(它们仅提供一些其他功能)。问题是这样的: 每个组件都与一个value值关联(使用与[(ngModel)]的双向绑定):例如,字符串,如果组件是文本的,则选择该组件为组合框的项目等等... 如果我创建一个表单来发送组件的各种值,就像这样:

<form #form="ngForm" (ngSubmit)="onSubmit(form.value)">

    <my-component name="name" ngModel>
    </my-component>
    <input type="submit" value="Submit"/>

</form>

在使用表单的组件中,方法onSubmit(value)是这样的:

onSubmit(value){
   console.log(value);
}

即使组件已选择默认值,在加载页面时, 如果我单击“提交”按钮,则结果为始终: {名称: ””} 即使与该组件相关联也有价值!! 更改与之交互的组件后,一切便会正常进行。 我尝试了所有操作(在每个生命周期方法-Lyfecycle Hooks-中更新组件的value值;更新使用表单的组件中的值等。)但是我没有得到任何结果! 我该如何解决这个问题?

0 个答案:

没有答案