为什么我的角度代码没有在屏幕上呈现任何内容答案

【问题标题】：Why my angular code is not rendering anything on the screen为什么我的角度代码没有在屏幕上呈现任何内容
【发布时间】：2019-10-22 16:48:03
【问题描述】：

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

下面的代码打印带有输入字段的“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

【问题讨论】：

Angular 不是原生 JS 框架：您必须完整安装它。您不能只创建 3 个文件并期望它像那样工作......
我知道。我使用“ng new”命令创建了一个新项目。但我只上传了相关文件。无论如何，有人已经回答了这个问题。谢了！！
对于您的下一个问题，请考虑提供您的完整代码，而不仅仅是您认为有问题的那个。考虑在stackblitz.com（在线 VSCode）上创建一个minimal reproducible example，因为它会极大地帮助我们帮助您。很高兴您的问题得到了解决，再见！

标签： angular

【解决方案1】：

在app.module

中导入FormsModule

@NgModule({
  imports: [
    FormsModule
  ]

我认为你错过了在 GitHub 中添加所有文件

【讨论】：

刚刚上传的app.module.ts