angular – 从setTimeout Observable方法访问值

前端之家收集整理的这篇文章主要介绍了angular – 从setTimeout Observable方法访问值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
你能告诉我如何从异步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

猜你在找的Angularjs相关文章