title: error TS2339 property does not exist on component how would i fix this?
body: <p>im trying to figure out why my employee property doesnt exist in the TS when it was definded by the array in in the TS file, i did try setting &quot;strict&quot; to false to allow the date through but its still not wanting to bind. down below is my TS code along with the HTML to render it to the DOM.</p>
  <p>contact-list component.ts:</p>
  <pre class="lang-js prettyprint-override"><code>import {Component,OnInit} from '@angular/core';
  import {Employee} from 'src/app/models/employee ';
  import {EmployeeService} from 'src/app/services/employee.service';
  @Component({
    selector: 'app-contact-list',
    templateUrl: './contact-list.component.html',
    styleUrls: ['./contact-list.component.css']
  }) 
  export class ContactListComponent implements OnInit {
    //store list of employees 
    listofEmployees: Employee[] = [];
    constructor(private myEmployeeService: EmployeeService) {}
    ngOnInit(): void {
        this.myEmployeeService.getAllEmployees().subscribe(response =&gt; {
            this.listofEmployees = response;
        })
    }
    deleteEmployee(id: number) {
        this.myEmployeeService.deleteEmployee(id).subscribe(response =&gt; {
            this.ngOnInit();
        })
    }
  }
  </code></pre>
  <p>contact-list.component.html:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;hr&gt;
  &lt;h3&gt;List of Employees&lt;/h3&gt;
  &lt;hr&gt;
  &lt;div *ngFor=&quot;let e of listofEmployees&quot;&gt;
     &lt;a routerLink=&quot;contactlist/{{employee.id}}&quot;&gt;
        &lt;p&gt;{{employee.id }}. {{employee.firstName}} {{employee.lastName}}&lt;/p&gt;
     &lt;/a&gt;
     &lt;button (click)=&quot;deleteEmployee(employee.id)&quot;&gt;Delete Contact&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>