angular – 从setTimeout Observable方法访问值

发布时间：2020-12-17 17:28:54 所属栏目：安全来源：网络整理

导读：你能告诉我如何从异步setTimeout()可观察方法访问一个值吗？我已经编写了正常的异步方法,如下所示.但是我们都知道它没有做我需要的.我怎么能在这里使用observable？任何指导都会非常感激. page.ts loader = this.loadingControllerService.dismissLoaderWhen

你能告诉我如何从异步setTimeout()可观察方法访问一个值吗？我已经编写了正常的异步方法,如下所示.但是我们都知道它没有做我需要的.我怎么能在这里使用observable？任何指导都会非常感激.

page.ts

loader = this.loadingControllerService.dismissLoaderWhenNoInternet(loader);

provider.ts

dismissLoaderWhenNoInternet(loader: Loading): Loading {
    setTimeout(() => {
      if (loader) {
        loader = null;
        return loader;//not working here
      }
    },5000);
    return loader;
  }

解决方法

要在es6中处理异步,您有两个选择：
承诺：用于函数只返回一次：

asyncPromise() {
    return new Promise((resolve,reject) => {
      setTimeout(() => {
        resolve("Hello");
      },2000)
    })
}

this.asyncPromise().then(data=>{console.log(data)}); //Print Hello after 2s

可观察：用于函数返回不止一次：

import { Observable } from 'rxjs/Observable';
asyncObservable() {
    return new Observable(observer => {
      setInterval(() => {
        observer.next("Hi");
      },1000)
    })
}

this.asyncObservable().subscribe(data=>{console.log(data);}) //Print Hi every 1s

查看更多关于differences between Promise and Observable

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!