/ / ъглово-материал2 отзивчив / скриен - ъглова, ъглова-материал2

ъглово-материално отразяващо / скрито - ъглово, ъглово-материално

Възможно ли е да се контролира видимостта на елемента с използване на ъглово-материал2

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

Знам, че това е работа с ъглова JS-материал.
Кодът по-долу не работи:

<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 рамки като Bootstrap?
Също така https://github.com/angular/flex-layout има тази възможност между другото?

Отговори:

9 за отговор № 1

бих препоръчал @ Ъглово / шнур оформление, както вече споменахте!

Това е допълнителен пакет - инсталация не е част от ъгловото!

Възможни опции:

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

Начин на употреба:

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

живо демонстрация: 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