ネストされたフォームグループからコントロールを取得する

Question

FormGroupを別のFormGroupにネストしています。ここでget（）で特定のコントロールを取得します。

私は動作しません下記の溶液、試してみました：

formGroup.get('formGroupKey').get('formControlKey'); 

をしかし、これはエラーをスローします。最初のget（）は正常に動作し、FormGroupを正しく返しますが、2番目のgetは例外をスローします（path.splitは関数ではありません）

どのように解決できますか？

@Update

私は今、（かなりかかわらずソリューションではありません）このように、それを解決：

formGroup.get(tab.id)['controls'][segment.id]; 

Answer 1

これは動作するはずです：

：ここ this.formGroup.get(varibaleKey).get(variableKey2)

はいくつかのコードです

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

@Component({ 
    selector: 'my-app', 
    templateUrl: './app.component.html', 
    styleUrls: [ './app.component.css' ] 
}) 
export class AppComponent implements OnInit { 
    name = 'Angular 5'; 

    form: FormGroup; 

    key1: string = 'test1'; 
    key2: string = 'test2'; 

    constructor(private formBuilder: FormBuilder) {} 

    ngOnInit() { 
    this.form = this.formBuilder.group({ 
     test1: this.formBuilder.group({ 
     test2: ['testValue'] 
     }), 
     another: ['testValue'] 
    }); 
    console.log(this.form.get(this.key1).get(this.key2)); 
    } 
} 

ここに例を示します。https://stackblitz.com/edit/angular-ipman8