bug(MatFormField): Reactive Forms with FormGroup inside child component doesn't highlight when invalid

#### Reproduction

Use StackBlitz to reproduce your issue: https://stackblitz.com/edit/angular-material-formgroup-nested

Steps to reproduce:
1. Connect a form group to a child component (with custom input component) with validations configured
2. Submit the form without value and the form is invalid

#### Expected Behavior

All the input fields that are invalid to get highlighted.

#### Actual Behavior

Components that are on the root group are highlighted

#### Environment

- Angular: 10+
- CDK/Material:10.0.2 - 10.1.3
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Windows

Bắt đầu với bản tái hiện StackBlitz được liên kết và xác nhận sự khác biệt giữa các trường không hợp lệ trong nhóm biểu mẫu gốc và các trường bên trong component con. Truy vết hành vi của Angular Material form-field liên quan đến việc đánh dấu các trường không hợp lệ; công việc được xem là hoàn tất khi tất cả các trường nhập không hợp lệ đều được đánh dấu sau khi gửi biểu mẫu trống.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.