Angular 6 не видит директиву *ng-repeat. Как исправить?

Question

[Андрей Романюк]

Вот что пишет в браузере при запуске SPA приложения:

Can't bind to 'ng-repeat' since it isn't a known property of 'option'. ("

]*ng-repeat="employee in apiValues" >>


app.component.html:

<select>
    <option *ng-repeat="employee in apiValues" ></option>>
</select>

app.module.ts:

import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { CommonModule } from '@angular/common';

@NgModule({
   declarations: [
      AppComponent
   ],
   imports: [
      BrowserModule,
      FormsModule,
      HttpModule,
      CommonModule
   ],
   providers: [],
   bootstrap: [AppComponent]
})
export class AppModule { }

Answer 1

[0xD34F]

Angular 6

*ng-repeat="employee in apiValues"

Какой ещё ng-repeat? Он остался в прошлом, начиная со второй версии есть ngFor:

*ngFor="let employee of apiValues"