提交第二个值后表单输入丢失

时间:2017-11-04 23:54:25

标签: javascript angular2-forms

我是角色新手并在提交表单时使用被动表单,this.first.name抓取的值会在我下一个表单中替换/更新新表单。如何在运行函数时添加更多值,而不是替换旧值?

first = {
    name : ''
  }
      onSubmit(){
        console.log(this.netForm);
        this.first.name = this.netForm.value.Name;
      }

1 个答案:

答案 0 :(得分:0)

您可以将其设为一个数组来收集所有值。

first = {
    names : []
}

onSubmit(){
    console.log(this.netForm);
    this.first.names.push( this.netForm.value.Name );
    this.labForm.reset();
}

并输出它,例如

<span *ngFor="let name of first.names">
  {{ name }}
</span>