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

リンクされている StackBlitz の再現から始め、ルートフォームグループ内の無効なフィールドと子コンポーネント内の無効なフィールドの違いを確認します。無効なフィールドのハイライトに関係する Angular Material form-field の動作を追跡します。空のフォームを送信した後、すべての無効な入力フィールドがハイライトされれば完了です。

索引モデルが issue の本文から書いたものです。