同意@micronyks提供的解决方案，但如果你有一个简单的应用程序，其中没有很多模块，这是正确的。否则，我们需要以类似的方式添加模块，我们使用<form #loginForm="ngForm">元素，并在该模块中添加以下代码，如果你不想将其暴露给所有模块或整个应用程序。

import FormsModule from '@angular/forms';
@NgModule{
imports: [FormsModule],
}

我一遍又一遍地问同样的问题，也是出于同样的原因。我来回答一下我做错了什么。可能对某人有帮助。

我通过angular-cli命令创建组件

Ng g c components/something/something

它所做的，是创建我想要的组件。

此外，在创建组件时，它将该组件添加到App模块的declarations数组中。

如果是这种情况，请将其移除。 瞧!它可能会起作用。

检查是否导入了FormsModule。在angular 2的新表单发布版本中没有ngControl。您必须将模板更改为作为示例

<div class="row">
    <div class="form-group col-sm-7 col-md-5">
        <label for="name">Name</label>
        <input type="text" class="form-control" required
               [(ngModel)]="user.name"
               name="name" #name="ngModel">
        <div [hidden]="name.valid || name.pristine" class="alert alert-danger">
            Name is required
        </div>
    </div>
</div>

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

@NgModule({
  imports: [FormsModule],
  ...
})

另一项检查:

确保你的组件被添加到app.module.ts中的@NgModule声明数组中

@NgModule({
declarations: [
    YourComponent,
],

当运行ng generate component命令时，它不会自动将其添加到app.module中。

是的，我也遇到过同样的问题…我做了所有的事情，但没有工作。 这个解决了我的问题。因为我们在严格模式下使用了angular 'with'。

在app.module.ts中添加以下代码

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

imports: [
    BrowserModule,
    FormsModule, 
    ReactiveFormsModule
],

以及使用NgForm的文件 在.html文件

<form #form="ngForm" (ngSubmit)="loginSubmit(form);">
</form>

在.ts文件中

import { NgForm } from '@angular/forms';
@Component({
  selector: 'app-login-page',
  templateUrl: './login-page.component.html',
  styleUrls: ['./login-page.component.scss']
})
export class LoginPageComponent implements OnInit {
  NgForm=NgForm;//this one solve my problem...initialization and declaration
}