如果一个名称是这样分配的:

#editForm="testForm"

．.． exportAs必须在组件装饰器中定义:

selector: 'test-form',
templateUrl: './test-form.component.html',
styleUrls: ['./test-form.component.scss'],
exportAs: 'testForm'

(以防别人也像我一样瞎) 形成增值!确保使用<form>标签

不工作:

<div (ngSubmit)="search()" #f="ngForm" class="input-group">
    <span class="input-group-btn">
      <button class="btn btn-secondary" type="submit">Go!</button>
    </span>
    <input type="text" ngModel class="form-control" name="search" placeholder="Search..." aria-label="Search...">
</div>

效果非常好:

 <form (ngSubmit)="search()" #f="ngForm" class="input-group">
     <span class="input-group-btn">
       <button class="btn btn-secondary" type="submit">Go!</button>
     </span>
     <input type="text" ngModel class="form-control" name="search" placeholder="Search..." aria-label="Search...">
</form>

我只是移动路由模块，即说ARoutingModule上面的FormsModule和ReactiveFormsModule和CommonModule之后的导入模块数组。

你必须关心的三件事:

如果你正在使用子模块，你必须导入该子模块中的FormModule: 导入:[CommonModule, HttpModule, FormsModule] 你必须在模块中导出FormModule: 出口(FormsModule): 所以加起来是这样的: 导入:[CommonModule, HttpModule, FormsModule]， 出口:[FormsModule], 在文件的顶部，你必须导入FormsModule: import {FormsModule} from '@angular/forms';

如果你只使用app.module.ts，那么不需要导出。只需要导入。

如果你试图使用jasmine在angular中编写单元测试用例，也会出现这个错误。

这个错误的基本概念是导入FormsModule。因此，在用于单元测试的文件中，我们添加了imports Section，并将FormsModule放在该文件的下面

    TestBed.configureTestingModule
    For eg: 
    TestBed.configureTestingModule({
        declarations: [ XYZComponent ],
        **imports: [FormsModule]**,
    }).compileComponents();

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

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

Ng g c components/something/something

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

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

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