無法獲得要在Angular 4上顯示的輸入字段

Question

我正在關注Angular 4教程：

https://youtu.be/z6qFqlwUxkQ?t=16m33s

在視頻的這一部分中，他具有以下代碼：

視圖：

<input type="text" [(ngModel)]="name">
<p>{{ name }}</p>

控制器：

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  name = '';
}

它適用於他，但不適用於我，我沒有收到任何編譯錯誤，但頁面空白，我根本看不到輸入字段。 知道為什么嗎？ 我有完全相同的代碼，也正在使用Angular 4。

編輯：

這是app.modue.ts的內容：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

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

Answer 1

您可以為app-module.ts發布代碼嗎？我懷疑您在@ngModule內部缺少某些內容。將其與視頻進行比較...我懷疑它是FormsModule或ReactiveFormsModule之一
尚未觀看視頻...如果是Hello World類型的場景，則可能會使用FormsModule。

import {FormsModule, ReactiveFormsModule} from '@angular/forms';

NgModule({
....
imports: [      ..., 
   FormsModule,  
    ReactiveFormsModule]
....
})
export class AppModule {
}