Material Angular 样式不适用于 ui-views 上的 <md-card>答案

【问题标题】：Material Angular styling doesn't work for <md-card> on ui-viewsMaterial Angular 样式不适用于 ui-views 上的 <md-card>
【发布时间】：2020-04-26 15:12:38
【问题描述】：

我想在 ui-views 上获得这种效果

<md-card id="sidebar" flex="20" class="sche-card" layout-padding="true">
<div ui-view="card" autoscroll="false"></div>
</md-card>

问题是，当视图未启用时，我得到一张空卡片。我已经在部分内部尝试过这个。它破坏了样式并且卡片无法正确显示。

partial.html

<md-card id="sidebar" flex="20" class="sche-card" layout-padding="true">
<p>Card Contents</p>
</md-card>

在局部使用 md-card 的正确方法是什么？

【问题讨论】：

标签： css angularjs partials angularjs-material

【解决方案1】：

尝试包装

<div layout="row" layout-wrap>
   <!-- cards here -->
</div>

或者将这些属性放在<ui-view> 上（如果始终相同）

【讨论】：