问将可选的<md-card>放入组件中
EN

Stack Overflow用户

提问于 2017-05-04 11:20:21

回答 1查看 199关注 0票数 0

我想用Angular 2材料做一张可选的md-card。我已经制作了一个在卡片中包含大量内容的组件，我希望能够通过传递给该组件的布尔值来打开和关闭卡片样式。

因为md-card指令不支持这一点，所以我尝试通过执行[class.mat-card]="myBool"直接使用底层CSS类。只有在页面上存在<md-card>之前才有效，否则mat-card样式将不会被注入到DOM中……

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

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

有没有更好的方法？

发布于 2017-05-10 02:01:52

没有经过测试，但这应该是可行的：

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

问候你，迭戈。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43773324

复制

相似问题

问将可选的<md-card>放入组件中EN