Property media$ was marked as deprecated without any alternatives

I use the following code for defined if current media is desktop.

isDesktop$ = this._mediaObserver.media$.pipe(
    map((mediaChange: MediaChange) => [ 'xs', 'sm' ].indexOf(mediaChange.mqAlias) === -1)
);

But in version 7.0.0-beta.24 property media$ was deprecated. If I try to use method asObservable when I get array of media changes instead of one object. It doesn’t suit me because I need to match a few values with one media change.

I could not find some examples in documentation. What I should to do to avoid of using deprecated property?

[Jemanuels]

This is how I have used it: Subscription.asObservable() .pipe( filter((changes: MediaChange[]) => changes.length > 0), map((changes: MediaChange[]) => changes[0]) ) .subscribe((change: MediaChange) => { if (change.mqAlias === ‘sm’ || change.mqAlias === ‘xs’) { // do something } else { // do something else } });

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}