Angular 2自定义formGroup组件

时间:2017-05-04 09:50:46

标签: forms angular typescript components angular2-formbuilder

我一直在寻找这个,但找不到任何特定于我需要的答案:

我有一个非常大的形式,我想在组件中切片。我的表格如下:

<form #form="ngForm" (ngSubmit)="onSubmit(form)">
    <div ngModelGroup="someInfo">
        <input type="text" ngModel>
        <input type="text" ngModel>
    </div>
    <div ngModelGroup="someOtherInfo">
        <input type="text" ngModel>
        <select ngModel>SomeOptions</select>
    </div>
</form

我想为这些组创建单独的组件,所以当我检查form.value时,它会看到这些组,如下所示:

<form #form="ngForm" (ngSubmit)="onSubmit(form)">
        <some-info-component ngModelGroup="someInfo"></some-info-component>
        <some-other-info-component ngModelGroup="someOtherInfo"></some-other-info-component>
    </form>

所以我如何使这项工作,当我尝试访问form.value.someInfo它是空对象,我已经尝试使用ControlValueAccessor但它只适用于我给这些组件[ngModel]而不是ngModelGroup

0 个答案:

没有答案