【问题标题】:Can't set height of Angular Material Toast无法设置 Angular Material Toast 的高度
【发布时间】:2016-04-09 07:01:51
【问题描述】:

我想设置 md-toast 的高度,但是当我以内联样式设置高度时,它只会提高 toast 渲染位置的底部,并且不会影响 toast 容器的实际高度。

我已经厌倦了:

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

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

【问题讨论】:

    标签: css angularjs height angular-material toast


    【解决方案1】:

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

    在 css 文件中添加这个覆盖可以修复它(至少在 Chrome 中):

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

    【讨论】:

    • @haakon319 很高兴听到这个消息。如果您认为它可以解决您的问题,请将其设为可接受的答案。 :)
    【解决方案2】:

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

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

    【讨论】:

    • this plunk when run 在触发前显示底部的 toast div?
    猜你喜欢
    • 2019-08-26
    • 2016-09-17
    • 2019-05-20
    • 1970-01-01
    • 2013-07-16
    • 2018-08-04
    • 2016-08-03
    • 2016-08-12
    • 2021-03-18
    相关资源
    最近更新 更多