代码之家 › 专栏 › 技术社区 › d4rty

从RXJS 5迁移到6-可观测间隔

rxjs angular

d4rty · 技术社区 · 6 年前

我从RXJS 5.x更新到RXJS 6.2.2,在解决迁移错误时遇到了问题。

RXJS6中是否没有更多的间隔观测?我在下面的角度分量中使用了间隔观测

import {Component, OnInit} from '@angular/core';
import {IntervalObservable} from 'rxjs/observable/IntervalObservable';

@Component({
  selector: 'app-date-time-display',
  templateUrl: './date-time-display.component.html',
  styleUrls: ['./date-time-display.component.css']
})
export class DateTimeDisplayComponent implements OnInit {

  constructor() {
  }

  today = Date.now();

  ngOnInit() {
    IntervalObservable.create(1000)
    // .takeWhile(() => this.alive) // only fires when component is alive
      .subscribe(() => {
        this.today = Date.now();
      });
  }
}

当我运行“ng serve”或“ng build”时,会出现以下错误:

Module not found: Error: Can't resolve 'rxjs/observable/IntervalObservable' in 'C:\Users\Daniel\Documents\IMA\Porsche_lack\git\webapp\porsche-lack-tracking\src\app\date-time-display'
i ï½¢wdmï½£: Failed to compile.
ERROR in node_modules/rxjs/observable/IntervalObservable.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/observable/IntervalObservable'.

仅供参考:我运行了命令 rxjs-tslint auto update rules 以前也没有发现任何迁移问题!

2 回复 | 直到 6 年前

BJT 6 年前

import { interval } from 'rxjs';
import { takeWhile } from 'rxjs/operators';

ngOnInit() {
    interval(1000).pipe(
       takeWhile(() => this.alive)
    .subscribe(() => {
        this.today = Date.now();
    });

rxjs 6 interval

ppgowda4 6 年前

你可以这样做:

import { Observable } from 'rxjs';

Observable.interval(1000).subscribe(() =>
  // code goes here
);

Ian Poston Framer 5 年前

从角度8开始,可以使用rxjs间隔。

  import { interval, Observable } from 'rxjs';

  ngOnInit() {
    const TEN_MINUTES = 600000;

    interval(TEN_MINUTES).subscribe(() => {
      this.refreshSession();
    });
  }

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

1 年前

Kael · 在html表格中显示关系api数据-角度

2 年前