Възможно ли е да се контролира видимостта на елемента с използване на ъглово-материал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