Angular2从子路由获取FormGroup

Angular2是一种流行的前端开发框架，它使用TypeScript编写，用于构建现代化的Web应用程序。在Angular2中，可以通过子路由来获取FormGroup。

FormGroup是Angular中的一个表单控件，用于管理表单中的一组相关控件。它可以包含多个FormControl，用于处理表单的输入验证和数据绑定。

要从子路由获取FormGroup，首先需要在父组件中创建一个FormGroup对象。可以使用Angular的FormBuilder服务来创建FormGroup。在父组件中，可以将FormGroup传递给子组件，以便子组件可以访问和使用它。

在子组件中，可以通过依赖注入的方式获取父组件传递的FormGroup对象。可以在构造函数中声明一个参数，并使用@Input装饰器将其标记为输入属性。然后，可以在子组件的模板中使用这个FormGroup对象来绑定表单控件。

下面是一个示例代码：

父组件：

import { Component } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';

@Component({
  selector: 'app-parent',
  template: `
    <app-child [formGroup]="myForm"></app-child>
  `
})
export class ParentComponent {
  myForm: FormGroup;

  constructor(private fb: FormBuilder) {
    this.myForm = this.fb.group({
      name: '',
      email: ''
    });
  }
}

子组件：

import { Component, Input } from '@angular/core';
import { FormGroup } from '@angular/forms';

@Component({
  selector: 'app-child',
  template: `
    <form [formGroup]="formGroup">
      <input type="text" formControlName="name">
      <input type="email" formControlName="email">
    </form>
  `
})
export class ChildComponent {
  @Input() formGroup: FormGroup;
}

在上面的示例中，父组件创建了一个名为myForm的FormGroup对象，并将其传递给子组件。子组件使用@Input装饰器接收这个FormGroup对象，并在模板中使用formGroup绑定表单控件。

这样，子组件就可以通过子路由获取FormGroup，并使用它来管理表单控件的状态和数据。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL。

腾讯云云服务器（CVM）是一种可扩展的云计算服务，提供高性能、可靠的虚拟服务器实例。您可以使用CVM来部署和运行各种应用程序，包括Angular2应用程序。了解更多信息，请访问：腾讯云云服务器

腾讯云云数据库MySQL是一种高性能、可扩展的关系型数据库服务。您可以使用云数据库MySQL来存储和管理应用程序的数据。了解更多信息，请访问：腾讯云云数据库MySQL