为什么我的角度代码无法在屏幕上呈现任何内容

Question

  

我有一个输入字段。我想在屏幕上实时打印输入的任何内容。

     

下面的代码在输入字段中显示“ Hello world”。但不执行任何实时绑定。

     

文件：app.component.html

<h1>Hello world</h1>
<input type="text">

  

但是当我添加[(ngModule)]时。一切都消失了，甚至是Hello世界。尽管cmd提示符显示编译成功。

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

  

我的app.component.ts文件是：

import { Component } from '@angular/core';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html'
})
export class AppComponent {
  name = '';
}

I have also uploaded my code on GitHub for your convenience

Answer 1

在{strong> app.module

中导入FormsModule

@NgModule({
  imports: [
    FormsModule
  ]

我认为您错过了将所有文件添加到GitHub