程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angular 2如何从订阅返回数据大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决angular 2如何从订阅返回数据?

开发过程中遇到angular 2如何从订阅返回数据的问题如何解决?下面主要结合日常开发的经验,给出你关于angular 2如何从订阅返回数据的解决方法建议,希望对你解决angular 2如何从订阅返回数据有所启发或帮助;

您只是不能直接返回该值,因为它是一个异步调用。异步调用意味着它在后台运行(实际上已计划在以后执行),同时代码继续执行

您也不能直接在类中有这样的代码。需要将其移至方法或构造函数中。

您可以做的不是subscribe()直接使用而是使用像@H_949_7@map()

export class DataComponent{
    someMethod() {
      return this.http.get(path).map(res => {
        return res.Json();
      });
    }
}

此外,您可以将多个对象.map与相同的Observables 结合使用,因为有时这可以提高代码的清晰度,并使事情分开。例:

valIDateResponse = (responsE) => valIDate(responsE);

parseJson = (Json) => JsON.parse(Json);

fetchUnits() {
    return this.http.get(requesturl).map(this.valIDateResponsE).map(this.parseJson);
}

这样,观察者将返回,呼叫者可以订阅

export class DataComponent{
    someMethod() {
      return this.http.get(path).map(res => {
        return res.Json();
      });
    }

    otherMethod() {
      this.someMethod().subscribe(data => this.data = data);
    }
}

呼叫者也可以在另一个班级。这里只是为了简洁。

data => this.data = data

res => return res.Json()

是箭头功能。它们类似于正常功能。当数据从响应到达时,这些函数将传递到可观察对象subscribe(...)或@H_949_7@map(...)从可观察对象调用。这就是为什么不能直接返回数据的原因,因为someMethod()完成后还没有收到数据。

解决方法

这就是我想要做的。

@Component({
   SELEctor: "data",template: "<h1>{{ getData() }}</h1>"
})

export class DataComponent{
    this.http.get(path).subscribe({
       res => return res;
    })
}

如果getData在内部调用DataComponent,您可能建议将其分配给变量like this.data = res并使用i like@H_675_67@ {{data}}。但是我{{getData}}出于个人目的需要使用like 。请提出建议?

大佬总结

以上是大佬教程为你收集整理的angular 2如何从订阅返回数据全部内容,希望文章能够帮你解决angular 2如何从订阅返回数据所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。