Использовать угловой прогиб условно? - PullRequest
Новая
       14

Использовать угловой прогиб условно?

1 голос
/ 03 июня 2019

В условном смысле.Так, если экран имеет определенный размер, установите атрибут

Псевдокод: 

<mat-sidenav class="sidenav" fixedInViewport="true"
    [opened]="! (fxLayout.xs | fxLayout.sm)">
</mat-sidenav>

Итак, если размер экрана небольшой, то sidenav не должен открываться по умолчанию.

Возможно ли это?Возможно, используя ngIf, но я не могу придумать способ.

1 Ответ

1 голос
/ 03 июня 2019

вы можете добиться такого поведения, используя MediaObserver :: isActive ()

сначала, введите MediaObserver service: 

...
constructor(public mediaObserver: MediaObserver) {}
...

, затем используйте его в своемшаблон следующим образом: 

<mat-sidenav class="sidenav" fixedInViewport="true"
    [opened]="!(mediaObserver.isActive('xs') || mediaObserver.isActive('sm'))">
</mat-sidenav>
...