如何将凸起的按钮定义为 Material ExpansionPanel？

Question

如何将 保存 和 取消 按钮定义为 Material ExpansionPanel ？

下面AngularDart Gallery中的例子：

我正在寻找类似 Material 按钮:

的行为

我没有找到 mixin 来应用此行为。

Answer 1

@import 'package:angular_components/material_button/mixins';

::ng-deep material-expansionpanel{
  @include raised-button('material-button')
}

他们没有完全暴露 raised 输入，所以你必须 select 带有 ::ng-deep 的按钮。不过要小心，缩小你的 selectors 以确保你只针对你想要凸起的按钮。

Answer 2

抱歉，我把它作为一个单独的答案，因为你不能真正将代码放在注释中，但这只是对第一个答案的澄清。

您不需要第一个 ::ng-deep 除非您希望应用中的所有 material-扩展面板都具有凸起按钮。

这应该有效：

@import 'package:angular_components/material_button/mixins';

material-expansionpanel{
  @include raised-button('material-button')
}

还有任何只能在 CSS 中完成的事情，我们尽量保持这种方式，因为转发输入会增加额外的不必要的代码重量。我什至喜欢从不需要的按钮中删除凸起的输入，这只会导致额外的代码大小，但现在更改它不值得，因为我们有很多代码依赖它。