Angular (IONIC) - 无法读取未定义的属性 'getInfos'

Question

关闭。这个问题需要debugging details .它目前不接受答案。












想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。

10 个月前关闭。




Improve this question




我正在关注一个“教程”，在那里我可以从 Angular 读取 API。
当我打开 Symfony 时，我可以使用 GET 和 POST 读取端点(也可以使用 Postman)。

  ngOnInit() {
    try {
      return this.infosService.getAllInfos()
          .subscribe(data => this.infos = data);
    } catch(e) {
      console.log("TEST KO");
    }
  }

在我的 infos.service.ts 文件中，我得到了这些行来获取数据，但在这个例子中只调用了 getAllInfos:

  apiUrl='Http://localhost:8000/api/info';

  constructor(private _http: HttpClient) { }
    getInfos() {
        return this._http.get<Infos[]>(this.apiUrl);
    }

    getAllInfos() {
        return this._http.get<Infos[]>(this.apiUrl);
    }

感谢: https://stackblitz.com/edit/ionic-hnz4eg?devtoolsheight=33&file=app/infos-render/infos-render.component.html
我哪里搞砸了？

Answer 1

您没有导入 HttpClientModule 并且没有在 app.module 中提供正确的 InfosService:

import { NgModule, ErrorHandler } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { IonicApp, IonicModule, IonicErrorHandler } from "ionic-angular";
import { MyApp } from "./app.component";
import { HttpClientModule } from "@angular/common/http";

import { AboutPage } from "../pages/about/about";
import { ContactPage } from "../pages/contact/contact";
import { HomePage } from "../pages/home/home";
import { TabsPage } from "../pages/tabs/tabs";
import { InfosService } from "./services/infos/infos.service";
import { InfosRenderComponent } from "./infos-render/infos-render.component";

@NgModule({
  declarations: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage,
    InfosRenderComponent
  ],
  imports: [BrowserModule, IonicModule.forRoot(MyApp), HttpClientModule],
  bootstrap: [IonicApp],
  entryComponents: [MyApp, AboutPage, ContactPage, HomePage, TabsPage],
  providers: [
    { provide: ErrorHandler, useClass: IonicErrorHandler },
    InfosService
  ]
})
export class AppModule {}

或者你可以看到完整的 here