Angular 角度材料2卡片标题按钮设置正确

我使用的角度材料2，我想在一个卡头图标按钮。如何将按钮设置到右侧

我的计划：

当前网站：

我想将标题中的按钮设置为rop。我怎么做？ 我排除了类别代码，因为没有问题。在typescript中，代码只是一个for循环，用于添加更多卡，以及一个用于单击卡的虚拟方法

。健康搜索{
宽度：100%
}
.健康卡{
右边距：5px；
边缘底部：5px；
}

标题{{number}
编辑
删除

ShibaInu是日本六种原始和独特的spitz犬种中最小的一种。一种小而敏捷的狗，能应付
由于地形多山，石坝犬最初是为狩猎而饲养的。

首先从按钮上取下fxLayoutAlign=“right”。 FXLAYOUTALING用于容器

您需要在标题和按钮之间放置一个div或其他占位符，并使用fxFlex。这将把按钮推到底

<md-card-header fxLayout="row">
  <md-card-title >Title </md-card-title>
  <div fxFlex></div>
  <button md-button>Something</button>
</md-card-header>

标题
某物

这篇文章很老了，但也许其他人也发现了这一点。（截至撰写此答案时，当前版本为角材料6）

我建议使用该属性。从文档（）中：

可用于将标题、副标题和图像合并到单个部分中

这样，标题和描述将被捆绑到一个单独的div中，fxFlex容器实际上可以工作。这也允许在左侧添加按钮/图标

一个例子如下所示：

<mat-card-header>
    <mat-icon>help</mat-icon>
    <mat-card-title-group>
        <mat-card-title>
            Title
        </mat-card-title>
        <mat-card-subtitle>
            Subtitle
        </mat-card-subtitle>
    </mat-card-title-group>
    <div fxFlex></div>
    <button mat-button>Click me!</button>
</mat-card-header> 

帮助
标题
字幕
点击我！

在棱角材质7中，这对我来说很合适：

<mat-card>
 <mat-card-header>
  <mat-card-title-group>
    <mat-card-title>
      Title
    </mat-card-title>
    <mat-card-subtitle>
      Subtitle
    </mat-card-subtitle>
  </mat-card-title-group>
  <div fxFlex></div>
  <div fxLayoutAlign="center center">
    <button mat-stroked-button>Click me!</button>
  </div>
 </mat-card-header> 
</mat-card>

标题
字幕
点击我！