Angular 放置可选的<；md卡>；组件内部

我正在尝试用Angular 2材质制作可选md卡。。。我制作了一个组件，它在一张卡片中有一堆内容，我希望能够通过传递到组件中的布尔值来打开和关闭卡片样式

因为md-card指令不支持这一点，所以我尝试通过执行

[class.mat-card]=“myBool”

直接使用底层CSS类。这仅适用于之前页面上存在

的情况，否则

mat卡

样式将不会被注入DOM

我可以通过复制我的内容来实现这一点，但我想避免。。。例如：

<md-card *ngIf="myBool">
    [My Content]
</md-card>
<div *ngIf="!myBool">
    [My Duplicated Content]
</div>

[我的内容]
[我的复制内容]

---

有更好的方法吗？

未经测试，但应该可以：

<md-card [ngClass]="{'classA': myBool, 'classB': !myBool}">
    [My Content]
</md-card>

[我的内容]

问候,， 迭戈