Angular Компонент не видит интерфейс, который находится в том же файле

Question

Это полный файл

import { Component, OnInit } from '@angular/core';
import { ApiService } from '../core/api.service';

// import { MatTableDataSource, Matsort } from '@angular/material';

export interface PersonalList {
  Name: string;
  Position: string;
}

@Component({
  selector: 'app-personal-list',
  templateUrl: './personal-list.component.html',
  styleUrls: ['./personal-list.component.css']
})
export class PersonalListComponent implements OnInit {
  displayedColumns: string[] = ['Name', 'Position'];
  personal = PersonalList[];
  constructor(private apiService: ApiService) { }

  ngOnInit(): void {
    this.apiService.getPersonalList().subscribe((data: PersonalList[]) => {
      var i = 0;

      console.log();
    })
  }

}

Без использования интерфейса это работает, но я не могу использовать извлеченные данные из таблицы.

Что я пропустил?

Answer 1

Должно быть

personal: PersonalList[];

вместо

personal = PersonalList[];