Angular 使角材质栅格响应（再次）

角度材质栅格不响应，其列在模板中设置，和/或可以设置变量并进行属性绑定。我正在尝试使用后一种方法，因为我有一个

公共cols：可见

我根据不同的窗口中断过度编写的变量。我正在阅读这篇文章，并且已经类似地设置了我的代码。但是，my.map函数显示为未解决

    ngOnInit(){
        const grid = new Map([
            ["xs", 1],
            ["sm", 2],
            ["md", 2],
            ["lg", 3],
            ["xl", 3]   ]);   let start: number;   grid.forEach((cols, mqAlias) => {
            if (this.observableMedia.isActive(mqAlias)) {
              start = cols;
            }   });   
  this.cols = this.observableMedia.asObservable().map(change => {
              console.log(change);
              console.log(grid.get(change.mqAlias));
              return grid.get(change.mqAlias);
            })
            .startWith(start);
    }

我的进口是

import { ObservableMedia } from '@angular/flex-layout';
import { Observable } from "rxjs";
import { map, startWith } from 'rxjs/operators';

我也尝试过通过导入

import "rxjs/add/operator/map";
import "rxjs/add/operator/startWith";

但这会产生错误，我想这是因为角度6

---

关于为什么.map函数未定义以及为什么无法动态更改cols变量值的任何帮助

rxjsv5.5.2+

已迁移到操作符，以改进树抖动并使创建自定义操作符变得更容易。 现在，需要使用

管道
方法组合
操作符



新导入

import { map} from 'rxjs/operators';

示例

myObservable
  .pipe(filter(data => data > 8),map(data => data * 2),)
  .subscribe(...);

 this.observableMedia.asObservable().pipe(map(change => {
              console.log(change);
              console.log(grid.get(change.mqAlias));
              return grid.get(change.mqAlias);
            }),startWith(start));

修改代码

myObservable
  .pipe(filter(data => data > 8),map(data => data * 2),)
  .subscribe(...);

 this.observableMedia.asObservable().pipe(map(change => {
              console.log(change);
              console.log(grid.get(change.mqAlias));
              return grid.get(change.mqAlias);
            }),startWith(start));

rxjsv5.5.2+
已迁移到操作符，以改进树抖动并使创建自定义操作符变得更容易。
现在，需要使用
管道
方法组合
操作符



新导入

import { map} from 'rxjs/operators';

示例

myObservable
  .pipe(filter(data => data > 8),map(data => data * 2),)
  .subscribe(...);

 this.observableMedia.asObservable().pipe(map(change => {
              console.log(change);
              console.log(grid.get(change.mqAlias));
              return grid.get(change.mqAlias);
            }),startWith(start));

修改代码

myObservable
  .pipe(filter(data => data > 8),map(data => data * 2),)
  .subscribe(...);

 this.observableMedia.asObservable().pipe(map(change => {
              console.log(change);
              console.log(grid.get(change.mqAlias));
              return grid.get(change.mqAlias);
            }),startWith(start));

这非常有效。非常感谢你，我会阅读更多关于你粘贴的链接。这非常有效。非常感谢你，我会在你粘贴的链接中阅读更多内容。