skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

demo(sidenav-a11y): use MediaMatcher (#7724)

Browse Source
This commit is contained in:
mmalerba
2017-10-11 13:47:53 -07:00
committed by Andrew Seguin
parent 9b0771286a
commit 650103d0cd
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/demo-app/a11y/sidenav/mobile-sidenav-a11y.ts
+4 -2
View File
@@ -1,3 +1,4 @@
import {MediaMatcher} from '@angular/cdk/layout';
import {ChangeDetectorRef, Component, OnDestroy, ViewEncapsulation} from '@angular/core';
@@ -11,14 +12,15 @@ import {ChangeDetectorRef, Component, OnDestroy, ViewEncapsulation} from '@angul
preserveWhitespaces: false,
})
export class SidenavMobileAccessibilityDemo implements OnDestroy {
mobileQuery = matchMedia('(max-width: 600px)');
mobileQuery: MediaQueryList;
filler = Array(20).fill(0);
_mobileQueryListener: () => void;
constructor(changeDetectorRef: ChangeDetectorRef) {
constructor(changeDetectorRef: ChangeDetectorRef, media: MediaMatcher) {
this._mobileQueryListener = () => changeDetectorRef.detectChanges();
this.mobileQuery = media.matchMedia('(max-width: 600px)');
this.mobileQuery.addListener(this._mobileQueryListener);
}