这个报错的核心原因很清晰：mat-form-field只能容纳实现了MatFormFieldControl接口的表单控件（比如mat-select、mat-input），而你把mat-button直接放在了mat-form-field内部，这违反了它的使用规则，所以才会触发mat-form-field must contain a MatFormFieldControl错误。

要实现mat-select和按钮横向同行的需求，完全不需要把按钮嵌套进mat-form-field，你已经在用的fxLayout布局就能轻松搞定。修改后的代码如下：

<div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="12px">
  <!-- 下拉选择框的表单容器 -->
  <mat-form-field class="company-filter-form">
    <mat-select placeholder="Actions">
      <mat-option [value]=""></mat-option>
      <mat-option value="Delete">Delete</mat-option>
    </mat-select>
  </mat-form-field>

  <!-- 按钮独立放置，无需嵌套mat-form-field -->
  <button mat-flat-button color="primary">Apply</button>
</div>

关键调整说明： #

• 移除了按钮外层的mat-form-field，彻底解决渲染错误；
• 将fxLayoutAlign改为start center，让两个元素在垂直方向居中对齐，视觉更协调；
• 添加fxLayoutGap="12px"，给下拉框和按钮之间设置合理间距，提升美观度；
• 额外提醒：确保你已经导入了MatSelectModule（因为使用了mat-select，MatInputModule是针对输入框的，下拉框需要单独导入这个模块）。

如果希望按钮高度和mat-form-field完全匹配，可以给按钮加一点自定义样式：

.mat-flat-button {
  height: 56px; /* 匹配mat-form-field默认高度 */
}

内容的提问来源于stack exchange，提问作者AndyKing