Html FlexLayout在开始和结束时将项目角度和对齐在一行中

我使用Angular 7/8中的Angular flexlayout库。我希望左侧有4个按钮（flex start），右侧有两个复选框（flex end），处于同一级别。 如果可能的话，我想在flexlayout Angular库中执行此操作

我已经试过下面给你看的代码了。我也试着做了2个垫卡动作组件，但它们是在彼此下面，而不是在一条线上

添加
使现代化
删去
刷新
梅蒂·维登·安

Maak无为

有人能帮我吗？
会是这样吗

<mat-card fxLayout="row">
  <div fxLayout="row" fxLayoutAlign="start center" fxFlex="50"     fxLayoutGap="5px">
      <button mat-raised-button color="accent" (click)="newRows()">Add</button>
      <button [disabled]="selectedRow != undefined && selectedRow.isBevoorschotting" mat-raised-button color="accent"
        (click)="updateRows()">Update</button>
      <button mat-raised-button color="warn" (click)="deleteRows()" [disabled]='!isAdmin'>Delete</button>
      <button mat-raised-button color="accent" (click)="refresh(0)">Refresh</button>
  </div>
  <div fxLayout="row"  fxFlex fxLayoutAlign="end center">
      <mat-checkbox (change)="onclickMutatieVelden()" [(ngModel)]="toonMutatievelden">
        <p>Mutatie velden aan...</p>
      </mat-checkbox>
      <mat-checkbox (change)="onclickMaakInactief()" *ngIf="selectedRow" [(ngModel)]="!selectedRow.isActief">
        <p>Maak Inactief...</p>
      </mat-checkbox>
  </div>
</mat-card>


添加
使现代化
删去
刷新
梅蒂·维登·安

Maak无为


此时的结果是所有按钮和复选框都在左侧。不要评论自己的问题，而是尝试在问题本身中添加相关信息。是的，阿德里亚诺，通常我会添加，但在这种情况下，因为这是一个非常小的评论，所以我将其添加为注释，下次我将使用编辑。无论如何，谢谢。你能为你所做的更改添加一些上下文吗？谢谢Matias，这很有帮助。我试图用ng容器替换div，但后来它出错了。如果我可以用ng容器或者其他角度元素替换div，那就太好了。但也许使用像ng容器这样的角度组件不适合这种情况？出于某种原因，角度材质和角度flexLayout不适合我。我不知道，但是我的组件在屏幕上跳跃，所以我停止使用flexLayout for我的项目flexLayout指令是用于实际的HTML元素容器，而不是ng容器，它在编译过程中被删除。@Matias谢谢，所以结论是我需要在您的解决方案中使用类似于div的内容。