Angular2 - Multiselect&复选框 - 仅提交最新选定的值

时间:2016-02-11 13:01:09

标签: angular angular2-forms

我有一个包含不同类型字段的简单表单。在提交表单时,我只打印提交的值。

对于一些字段看起来很好,但是对于多选和复选框字段它没有预期的效果。

对于多选和复选框,仅打印最新选定的值。 相反,我想要一个数组。

有关如何执行此操作的任何建议吗?

同样对于文件附件字段,如何将文件列表添加到原始对象(使用FormBuilder& ControlGroup创建)以及其余字段值?

this.SampleForm = formBuilder.group({
        title: ['', Validators.required],
        description: ['', Validators.required],
        countries: ['', Validators.required],
        attachment: ['', Validators.required],
        continents: ['', Validators.required]
    });

Plunker Link

Form

Output after submit

2 个答案:

答案 0 :(得分:0)

obj 0: 
        0:0.052708692712917476    //1st value of 17 i.e obj 0
        1:0.039474102915939856     //1st value of 16 i.e obj 1

obj 1:
        0:0.05170448850051073     //2nd value of 17 i.e obj 0
        1:0.04788765943666215     //2nd value of 16 i.e obj 1

obj 2:
        0:0.036428533456315845
        1:0.03651675504080556

答案 1 :(得分:0)

如果您想获取所选值的数组,可以使您的大陆形成控制作为formarray。并输入formControlName并选择列表。以便选择的值可以作为数组传递。