Question

=“”

我正在测试Angular中的模板驱动表单。但它给了我这个错误**没有指令“exportAs”设置为“ngForm” ** 我已经在app.module.ts中导入了FormsModule和ReactiveFormsModule，也在我的.... module.ts中导入了这个文件夹中的另一个子模块，我想用这行测试文件：

public function resolve($value, array $args, ResolveInfo $info)
{
    return $this->container->get('resolver.user')->save($args);
}

而这：

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

我的表单开头是这样的：

@NgModule({
    imports: [
        BrowserModule,
        OncosupAppRoutingModule,
        Ng2Webstorage.forRoot({ prefix: 'jhi', separator: '-'}),
        OncosupSharedModule,
        OncosupHomeModule,
        OncosupAdminModule,
        OncosupAccountModule,
        OncosupEntityModule,
        FormsModule,
        ReactiveFormsModule,
    ],

如果您需要更多信息，则错误将继续如下所示。

<form name="editForm" role="form" novalidate (ngSubmit)="save()" #editForm="ngForm">

我还应该知道其他什么吗？

Answer 1

在输入字段中..

你有[（ngModel）] =“aaa”，你应该有name =“aaa”

ngModel和name，必须具有相同的值..

Answer 2

您可以尝试将CommonModule导入app.module.ts

import { CommonModule } from '@angular/common';

Answer 3

我有相同的错误，要解决此问题，我添加了FormsModule导入来测试配置。

您的默认测试应如下所示：

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [FormComponent],
      imports: [FormsModule] >>> add this import!
    })
      .compileComponents();
  }));

没有指令将“exportAs”设置为“ngForm”到<form name =“

3 个答案: