Google Chromeのversion 79では発生せずversion 80でのみ発生する事象のため、Googleに問い合わせるべきかと思いましたが一度こちらでご相談させていただきたく投稿致しました。
発生事象
まず、入れ子にしたFormGroupをcomponentに配置し、htmlテンプレート経由でプロパティとして親FormGroupのgetメソッドを使ってFormGroupを設定します。
そして親のFormGroupに対してmarkAsPristineやmarkAsTouchedメソッドを呼び出すとhtmlテンプレート側で下記のエラーが発生してしまいます。
ERROR Error: formGroup expects a FormGroup instance. Please pass one in.
Example:
<div [formGroup]="myGroup">
<input formControlName="firstName">
</div>
In your class:
this.myGroup = new FormGroup({
firstName: new FormControl()
});
以下は再現コードです。
※再現コードではエラーを故意に発生させるためにdetectChangeを頻繁に実行しております。
再現したChromeのバージョン: 80.0.3987.85
原因と対策についてご存じの方がいらっしゃったらご教示いただきたいです。
補足
EdgeのDev版(81.0.403.1)でも同様の事象が再現するようです。
こちらchromeのbeta版での事象のためstableになった時に解消していたらすみません。