错误错误：带有 Angular Material ang 标签的 NG0502 <p>

Question

按照 Angular Material 的指南，我想将此代码放入我的表单中。 但出现错误：

ERROR 错误：NG0502：在水合过程中，Angular 无法使用从…节点开始的“firstChild.firstChild.nextSibling.firstChild”路径找到节点。

当我删除标签

时，错误不会出现，并且我的表单主体呈现良好。

 <section class="example-section">
    <h4>Select your toppings:</h4>
    <p><mat-checkbox (change)="addValue($event)" value="pepperoni" >Pepperoni</mat-checkbox></p>
    <p><mat-checkbox (change)="addValue($event)" value="extracheese" >Extra Cheese</mat-checkbox></p>
    <p><mat-checkbox (change)="addValue($event)" value="mushroom" >Mushroom</mat-checkbox></p>
  </section>

有谁知道会出现什么问题吗？

如上所述，只有删除标签

才能解决问题。我想要其他解决方案或解释。

Answer 1

我检查了示例，其中有

formControlName

用于反应式表单，

[(ngModel)]

用于模板驱动表单。您的代码没有其中任何一个。可能是这个问题。