Angular 财产';FoodCourtService';不存在于类型';FoodCourtInstalls组件&x27;

Angular 财产';FoodCourtService';不存在于类型';FoodCourtInstalls组件&x27;,angular,Angular,它说: “FoodCourtService”不存在,即使在我导入它时存在 此处从导入{FoodCourtService} “../../shared/service/food court.service” 您应该调用注入的服务名称,而不使用原始服务名称,请按以下方式更改它 import { Component, OnInit } from '@angular/core'; import { Router } from "@angular/router"; import { ActivatedRo

它说:

“FoodCourtService”不存在,即使在我导入它时存在 此处从导入{FoodCourtService} “../../shared/service/food court.service”


您应该调用注入的服务名称,而不使用原始服务名称,请按以下方式更改它

import { Component, OnInit } from '@angular/core';
import { Router } from "@angular/router";
import { ActivatedRoute } from "@angular/router";
import { FoodCourtService } from '../../shared/service/food-court.service';
import { Foodstalls } from "../../shared/model/foodstalls.model";

@Component({
       selector: 'app-foodcourt-stalls',
       templateUrl: './foodcourt-stalls.component.html',
       styleUrls: ['./foodcourt-stalls.component.css']
})
export class FoodcourtStallsComponent implements OnInit {

      foodstallArr : Foodstalls [] = [];

      constructor
          (public router: Router,
           public route: ActivatedRoute,
           public FoodCourtStallService : FoodCourtService) {
     }

      ngOnInit() {
          this.foodstallArr = this.FoodCourtService.getFoodCourts();
      }
  }

您已经调用了参数
foodcourtstarlservice
而不是
FoodCourtService
,因此需要
this.foodcourtstarlservice
(尽管它的类型是
FoodCourtService
 ngOnInit() {
          this.foodstallArr = this.FoodCourtStallService.getFoodCourts();
   }