angular - http.get() 不返回可观察对象

Question

注意:问题显然是 ionViewDidLoad() 未被执行导致 http.get 确实获得了一个可观察对象。我试图在执行请求时获取可观察对象，以便稍后获取其 json 响应，但我没有收到错误，浏览器的控制台中也没有显示任何内容。我不知道为什么它不返回任何东西。

我尝试了很多 url 并多次检查了导入。 console.log not pasting the data主页.page.ts

    import { ServicioService } from '../servicio.service';
    import { Observable } from 'rxjs';
    import { HttpClient } from '@angular/common/http';
    ...
    ionViewDidLoad(){
          const hola = this.servicio.goWiki(this.userInput).
          subscribe((response) => {
            console.log(response);
           });
        }

服务.服务.ts

    import { Injectable } from '@angular/core';
    import { map } from 'rxjs/operators';
    import { HttpClient } from '@angular/common/http';
    import { Observable } from 'rxjs';

    @Injectable()
    export class ServicioService {

        constructor(public http: HttpClient) {
            console.log('goin!');
        }

        goWiki(userInput): Observable<any>{
            return this.http.get('https://www.reddit.com/r/gifs/top/.json?limit=105sort=hot');
        }

应用程序模块.ts

    import { ServicioService } from './servicio.service';
    import { HttpClientModule } from '@angular/common/http';

    imports: [HttpClientModule, BrowserModule, IonicModule.forRoot(), AppRoutingModule, ComponentesModule],
      providers: [
        ServicioService,...

我只是希望得到一个 observable 能够读取它并从中提取特定数据。

Answer 1

在 Ionic 4 中，在 Angular 中你不再有 ionViewDidLoad 生命周期 Hook 。请改用标准的 Angular ngOnInit Hook 。

参见 https://medium.com/@paulstelzer/ionic-4-and-the-lifecycle-hooks-4fe9eabb2864

Lifecycles in Ionic 4

[...]

Except ionViewDidLoad (because it’s the same like ngOnInit) and the two nav guards all Lifecycle hooks from Ionic 3 are still available