Property 'mqAlias' does not exist on type 'MediaChange[]' about angulartypescript

[hdouglassjr]

Simply replace "asObservable()" with "media$" as shown:

`constructor(private media: MediaObserver, private productService: ProductService)
{

this.productService.getAll();

this.columns$ = this.media.media$
  .pipe(
    map(mc => <number>this.breakpointsToColumnsNumber.get(mc.mqAlias))
  );

}`

[yfain]

I believe we fixed it in the code for A7.

[ArnoldoR]

@component({
selector: 'app-root',
template: `

Watch the breakpoint activation messages in the console.

<span *ngIf="showExtra">Showing extra info on medium screens

<span *ngIf="this.mediaObserver.isActive('md')">Showing extra info on medium screens with isActive

`
})
export class AppComponent {
public watcher: Subscription;
//
showExtras$: Observable;
public showExtra: boolean;
activeMediaQuery = '';

constructor(public mediaObserver: MediaObserver) {
this.watcher = this.mediaObserver.media$.subscribe((change: MediaChange) => {
console.log(change);
console.log("mqAlias="+change.mqAlias);
this.showExtra=change.mqAlias==='md'? true:false;
return change.mqAlias==='md'? true:false;
});
}
}