Получить значение вложенной реактивной формы в Angular?

Question

У меня есть вложенная форма, подобная следующей:

profileForm = new FormGroup({
  firstName: new FormControl(''),
  lastName: new FormControl(''),
  address: new FormGroup({
    street: new FormControl(''),
    city: new FormControl(''),
    date1: new FormControl(''),
    date2: new FormControl('')
  })
});

Я пытаюсь установить значение date2 в качестве значения date1 следующим образом:

<mat-form-field class="datepickerformfield" floatLabel="never">
    <input matInput class="dp" formControlName="date2" [min]="profileform.controls['date1'].value" [matDatepicker]="date2" placeholder="DD/MM/AAAA" >
</mat-form-field>

Также пробовал с:

[min]="profileform.address.controls['date1'].value"

И

[min]="profileform.controls[address].controls['date1'].value"

Но я получаю ошибку:

Невозможно прочитать свойство 'value' из неопределенного

Как получить значение date1 с объектом profileform?

Answer 1

Форма имеет член с именем value, который отражает структуру вашей формы, но включает только значения. Для доступа к дате вам просто нужно позвонить [min]="profileform.value.address.date1".

Answer 2

Окончательно решено с помощью:

[min]="profileform.get('address.date1').value"

Работа над Angular6 +