Não estou conseguindo aplicar o ngFor no meu componente

Meu component está assim:

import { Component } from "@angular/core";

@Component({
    selector: 'ia-employee-custom-select',
    templateUrl: 'employee.component.html'
})

export class EmployeeComponent {
    description = 'Entrevistador';
    optionSelected = '-';
    employees = [
        {id: '1', name: 'Windstorm'},
        {id: '2', name: 'Bombasto'},
        {id: '3', name: 'Magneta'},
        {id: '4', name: 'Tornado'}
    ];
}

Meu HTML está assim:

<div class="input-group mb-3">
    <div class="input-group-prepend">
        <label class="input-group-text" for="inputGroupSelect01">{{ description }}</label>
    </div>
    <select class="custom-select" id="inputGroupSelect01">
        <option selected>{{ optionSelected }}</option>
        <option *ngFor="let employee of employees" [value]="employee.id">{{ employee.name }}</option>
    </select>
</div>

Porem não está listando os nomes, o que estou fazendo de errado ?