以角度 5 更新单个 Observable 中的多个值

阿富汗发展

这个场景看起来很简单,但我无法弄清楚。我有以下代码可以给我一个每秒递减的数字:

counter: number;
countDown: number;

ngOnInit(){

this.counter = this._cookies.get('remainingTime');

if(this.counter > 0){
  this.countDown = Observable.timer(0,1000)
    .take(this.counter)
    .map(() => --this.counter );

  this._cookies.set('remainingTime', () => Observable.timer(0,1000)
    .take(this.counter)
    .map(() => --this.counter ));
}
}

我可以countDown递减,但不能为 cookie 做remainingTime我应该怎么办?提前谢谢了。

凯文

如果您尝试每秒更新 cookie 和 countDown 值,请在如下函数中执行此操作:

timer: any;
timerSubscription: any;
ngOnInit(){

  this.counter = this._cookies.get('remainingTime');
  this.countdDown = counter;

  if(this.counter > 0){
    this.timer = Observable.timer(0, 1000);
    this.timerSubscription = timer.subscribe(t => this.timerFunction());
  }
}

timerFunction() {
   this.countDown = this.countDown - 1;
   this._cookies.set('remainingTime', this.countDown);
   if (this.countDown === 0) {
      this.timerSubscription.unsubscribe();
      this.timer = null;
   }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

不更新 HTML 角度 5/6 中的值

来自分类Dev

从角度 2 中的 observable 返回 observable

来自分类Dev

以角度 5 更新 routeparams

来自分类Dev

角度:多个文件中的单个服务

来自分类Dev

Observable.map setTimeout 函数,返回类型为角度 5

来自分类Dev

更新对象角度 5+ 时如何将对象值保留在表单中?

来自分类Dev

从多个 Observable 创建单个对象

来自分类Dev

从 Angular 5 中的 http.get 返回单个项目的 Observable

来自分类Dev

在 observable 中使用 observable 的角度

来自分类Dev

在单个查询中更新表中的多个值

来自分类Dev

单个控制器中的多个角度相同的指令

来自分类Dev

角度更新本地存储单个对象

来自分类Dev

如何更新多个 solr 文档中的单个字段值

来自分类Dev

角度检查模板中的observable是否为null

来自分类Dev

基于 Angular 5 observable.subscribe() 中的单个值有条件地返回用于将异步调用链接在一起

来自分类Dev

更新角度指令中的数据

来自分类Dev

es5中的角度2 ElementRef

来自分类Dev

面包屑角度 5 中的翻译

来自分类Dev

角度观众模拟Observable <string>

来自分类Dev

以Observable(角度)形式返回对象

来自分类Dev

角度2秒对Observable的请求

来自分类Dev

淘汰赛中Observable的设置值未更新

来自分类Dev

PostgreSQL在单个查询中更新多个表

来自分类Dev

弹性-在单个请求中更新多个文档

来自分类Dev

在单个查询中更新多个变量

来自分类Dev

使用角度更改时更新输入字段中的值

来自分类Dev

使用角度更改时更新输入字段中的值

来自分类Dev

单个jQuery更新多个元素

来自分类Dev

Redux-Observable 单个史诗中的多个动作