@Input 装饰器和 Karma 测试答案

【问题标题】：@Input decorator and Karma tests@Input 装饰器和 Karma 测试
【发布时间】：2018-04-06 19:03:55
【问题描述】：

在将一些组件的部分排除在较小的 UI 组件中之后，我为它们分配了属性，这些属性从父级传递并在 @Input() 装饰器的帮助下获得。但看起来 Karma 不理解这些输入并给我抛出类似

的错误

无法绑定到“property”，因为它不是“app-component”的已知属性。

如果“app-component”是一个 Angular 组件并且它具有“property”输入，则验证它是该模块的一部分。

【问题讨论】：

向我们展示您的测试。很可能你没有正确配置你的测试模块
我运行由默认 Angular CLI 命令创建的基本测试。
为什么要在根组件上使用 input 属性？
不是根。我刚刚为该站点重命名了组件和属性。

标签： angular karma-webpack

【解决方案1】：

您需要正确配置您的测试模块

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [FormsModule],
      declarations: [AppComponent, yourComponent ..etc]
    });
  });

【讨论】：

我的网站上没有任何表单
它只是一个示例代码，您需要导入您正在使用的任何模块组件
我不使用任何模块，但 app.module 只是联合我的应用程序。