Angular 4:如何通过路线导航传递formGroup

import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';
import { Router } from '@angular/router';

export class YourComponent implements OnInit {
  formGroup: FormGroup;

  constructor(private router: Router) { }

  ngOnInit() {
    this.formGroup = new FormGroup({
      // 在这里定义你的表单控件
    });
  }
}

<form [formGroup]="formGroup">
  <!-- 在这里添加你的表单控件 -->
</form>

navigateToNextPage() {
  this.router.navigate(['/next-page'], { queryParams: { formGroup: JSON.stringify(this.formGroup.value) } });
}

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { FormGroup, FormControl } from '@angular/forms';

export class NextPageComponent implements OnInit {
  formGroup: FormGroup;

  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    this.route.queryParams.subscribe(params => {
      if (params.formGroup) {
        this.formGroup = new FormGroup(JSON.parse(params.formGroup));
      }
    });
  }
}