title: Property 'FoodCourtService' does not exist on type 'FoodcourtStallsComponent'
body: <pre><code>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();
        }
    }
  </code></pre>
  
  <p>It says:</p>
  
  <blockquote>
    <p>'FoodCourtService' doesnt exist even though it does when i imported it
    here     import { FoodCourtService } from
    '../../shared/service/food-court.service';</p>
  </blockquote>