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

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 = '';
}

为了方便起见，我还将代码上传到了GitHub

Answer 1

进口FormsModule在app.module

@NgModule({
  imports: [
    FormsModule
  ]

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