-1

我正在尝试在角度 4 中使用过滤器，这是我的代码

import { Component, OnInit } from '@angular/core';
import { range } from 'rxjs/observable/range';
import { map, scan, filter, tap } from 'rxjs/operators';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html'
})
export class AppComponent implements OnInit {  

  ngOnInit(){
    this.rxjs();
  }
  rxjs(){
    const source$ = range(1, 10);

    source$.pipe(
      filter(n => n % 2 !== 0), 
      tap(n => console.log('filtered value: ' + n)),
      map(n => n * n),
      tap(n => console.log('squared value: ' + n)),
      scan((acc,s) => acc + s, 0)
    )
    .subscribe(v => console.log(`sum of squared values : ${v}`));    
  }    
}

这是我的角度版本，我使用ng --version命令发现的

@angular/cli: 1.4.10
node: 8.9.1
os: win32 x64
@angular/animations: 4.4.7
@angular/common: 4.4.7
@angular/compiler: 4.4.7
@angular/core: 4.4.7
@angular/forms: 4.4.7
@angular/http: 4.4.7
@angular/platform-browser: 4.4.7
@angular/platform-browser-dynamic: 4.4.7
@angular/router: 4.4.7
@angular/cli: 1.4.10
@angular/compiler-cli: 4.4.7
@angular/language-service: 4.4.7
typescript: 2.3.4

但是当我编译时，我收到这样的错误

E:/angular-mock/routes/src/app/app.component.ts (19,19) 中的错误：算术运算的左侧必须是“任何”、“数字”或枚举类型.

谁能帮我解决我在这方面做错了什么

4

2 回答 2

1

您需要安装 RxJS才能使用此库

$ npm i rxjs

如果您需要向后兼容未升级到版本 6 的旧项目或依赖项但也使用紧凑型

$ npm i rxjs-compat

阅读详细的迁移指南：

https://github.com/ReactiveX/rxjs/blob/master/docs_app/content/guide/v6/migration.md

演示：

$ npm i rxjs rxjs-compat

也可以看看：

https://rxjs-dev.firebaseapp.com

https://github.com/ReactiveX/rxjs

于 2018-11-28T21:47:05.707 回答
-1

好吧，我通过安装 rxjs@6 并安装 rxjs-compat@6 以实现向后兼容性解决了这个问题

 npm install rxjs@6 rxjs-compat@6 --save
于 2018-11-28T22:00:47.767 回答