无法设置 Angular Material Toast 的高度

Question

我想设置 md-toast 的高度，但是当我以内联样式设置高度时，它只会升高呈现 toast 的底部，不会影响 toast 容器的实际高度。

我厌倦了这个：

 <md-toast style="height:100px;">

这是我的观点 - http://plnkr.co/edit/k7lXAn?p=preview

Answer 1

这是因为你的md-toast相关代码在ng-template中。由于这些是模板，您可以直接在 html 代码中使用它们。一旦你这样做了，问题就解决了。我修改了你的代码。这是 [plunk][1]：

   [1]: http://plnkr.co/edit/nkuSGf?p=preview

Answer 2

该模板添加了一个不受父 md-toast 高度影响的额外 div。

在 css 文件中添加此覆盖修复它（至少在 Chrome 中）：

md-toast .md-toast-content {
  height: 100% !important;
}