Angular 2 * ng Не работает должным образом, даже если CommonModule импортирован

Question

У меня есть один функциональный модуль, который я создал через CLI, поэтому он импортирует общий модуль.

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { HomeComponent } from './home/home.component';

@NgModule({
  declarations: [HomeComponent],
  imports: [
    CommonModule
  ]
})
export class HomeModule { }

Но когда я делаю этот обычный абзац, появляется, но абзац с частью * ngFor не работает, он ничего не отображает.

<p> Some normal paragraph </p>    
<p *ngFor = "let i of [1,2,3]" >home works!</p>

Я также пытался создать общий модуль, импортировать и экспортировать общий модуль туда и импортировать этот общий модуль в свой функциональный модуль, но это не сработало.

Что могло вызвать проблему?