angular-material2响应显示/隐藏

Question

是否可以使用

控制使用angular-material2的元素的可见性

hide-xx  show-xx hide-gt-xx show-gt-xx

我知道这适用于angularJS材料 以下代码不起作用：

<md-toolbar color="primary">
  <span>Application Title</span>  
  <span class="example-fill-remaining-space"></span>
  <button md-button hide-xs show-gt-xs>Auto hide button</button>  
</md-toolbar>

我使用https://github.com/angular/material2版本2.0.0-beta1

如果不是，如果没有使用* ngif和屏幕调整大小监听器或其他CSS引用框架之类的其他方法，还有另一种方法吗？
顺便说一下https://github.com/angular/flex-layout也有这种可能吗？

Answer 1

我建议 @ angular / flex-layout ，正如您已经提到的那样！

这是附加包 - 安装 需要的，它不是角度的一部分！

可能的选择：

• fxHide
• fxHide.xs
• fxHide.gt-XS
• fxHide.sm
• fxHide.gt-SM
• fxHide.md
• fxHide.gt-MD
• fxHide.lg
• fxHide.gt-LG
• fxHide.xl

用法：

<div fxFlex="60" fxHide.xs></div>

live-demo：https://plnkr.co/edit/yrhaGtFpHOlYYOTqzDDO?p=preview

文档：

https://github.com/angular/flex-layout/wiki/API-Documentation

https://github.com/angular/flex-layout/wiki/fxShow-API

https://github.com/angular/flex-layout/wiki/fxHide-API