我对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
值;更新使用表单的组件中的值等。)但是我没有得到任何结果!
我该如何解决这个问题?