angular - 失败 : Template parse errors: Angular 2

标签 angular unit-testing typescript testing

运行 Unit-test angular CLI 后出现以下错误。以下错误出现在表单上。

Failed: Template parse errors:
There is no directive with "exportAs" set to "ngForm" ("<form [ERROR ->]#userForm = "ngForm" (ngSubmit)="onSubmit(userForm.value)">
    <div class="form-group">
        <label for="e")

html 表单

<form #userForm = "ngForm" (ngSubmit)="onSubmit(userForm.value)">
<div class="form-group">
        <label for="exampleInputCountry">Country</label>
        <input class="form-control" id="country" placeholder="Country" ng name="country" ngModel>
    </div>
    <button type="submit" class="btn btn-primary">Submit</button>
</form>

应用程序模块.ts

@NgModule({
  declarations: [
  AppComponent,
  [...]
  ],
  imports: [
  FormsModule,
  [...] 
  ],
  providers: [],
  bootstrap: [AppComponent]
})

最佳答案

您应该将 FormsModule 导入您的测试模块

TestBed.configureTestingModule({
  ...,
  imports: [
     FormsModule,
  ],
})

关于angular - 失败 : Template parse errors: Angular 2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46471123/

相关文章:

java - 在我的测试应用程序中缺少要测试的目标类

angular - ngx-translate 数据库中的值?

typescript - 这在使用装饰器调用异步函数时

angular - 在 Angular 应用程序中抛出错误

html - 获取输入值并将其插入 *ngFor 指令?

angular - 如何使 Azure 存储中的静态网站托管与文件夹树一起使用?

typescript - Svelte 的类型 'object' 上不存在属性(使用 TypeScript)

visual-studio - 带有 Angular2 和 VS 2015 的 Webpack

asp.net-mvc - 如何模拟asp.net mvc中的缓存对象?

javascript - 用 Jest 检查传递的函数作为 prop