javascript - AngularJS，输入文本框甚至不显示

Question

我只是运行一些基本的默认样板代码，并编辑了此文件:

app.component.html

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

app.component.ts

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

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

但这实际上没有任何作用。只有一个空白页。我究竟做错了什么？这看起来很基本

Answer 1

由于 FormsModule 中包含 ngModel 指令，因此您必须在 AppModuleimports 元数据选项中导入并添加该模块.

代码

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

@NgModule({
  imports:      [ BrowserModule, FormsModule ], //<-- added FormsModule to imports option
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

Demo Here