From 650103d0cda1199327baa29c7101286b1409d8ad Mon Sep 17 00:00:00 2001 From: mmalerba Date: Wed, 11 Oct 2017 13:47:53 -0700 Subject: [PATCH] demo(sidenav-a11y): use MediaMatcher (#7724) --- src/demo-app/a11y/sidenav/mobile-sidenav-a11y.ts | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/demo-app/a11y/sidenav/mobile-sidenav-a11y.ts b/src/demo-app/a11y/sidenav/mobile-sidenav-a11y.ts index bbb3c5a5736..7dca39aca93 100644 --- a/src/demo-app/a11y/sidenav/mobile-sidenav-a11y.ts +++ b/src/demo-app/a11y/sidenav/mobile-sidenav-a11y.ts @@ -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); }