在formArray中添加动态formControl时，所有必需的输入都变为红色

Question

添加表单控件后，所有必需的输入都会变为红色

这是我的工作示例

https://stackblitz.com/edit/angular-emman-sample?embed=1&file=src/app/app.component.html

Answer 1

单击按钮会触发表单上的Submit事件，从而使表单字段生效。

您可以使用Sources -> Event Listener Breakpoints -> Control -> Submit下的Chrome开发者工具进行检查

您可以简单地将按钮类型更改为button，以防止触发该事件。 （默认为submit）根据MDN

  

如果您的按钮不是用于向服务器提交表单数据，请确保   将其type属性设置为button。否则他们会尝试   提交表单数据并加载（不存在）响应（可能）   破坏文档的当前状态。

  <button mat-mini-fab type="button" color="primary" matSuffix (click)="addElem(control.key)" class="addBtn"
              *ngIf="i === 0">+</button>