Question

我有一个小的角度应用程序，我想为其编写AppComponent方法。我的应用程序已编译并按预期运行，但是当我尝试为其运行默认测试时（我使用的是Webstorm，因此我在运行/调试配置下拉菜单中切换到Tests），我得到了一个模板解析与我的html文件有关的错误。业力报告的违规行如下：

Failed: Template parse errors:
    Can't bind to 'ngModel' since it isn't a known property of 'textarea'. ("
      <div style="height:10px"></div>
      <div style="text-align:center">
        <textarea [ERROR ->][(ngModel)]="data"></textarea>
      </div>
      <div style="height:10px"></div>
    "): ng:///DynamicTestModule/AppComponent.html@13:14

我刚开始时就遇到了这个问题，因为我还没有导入FormsModule并将其添加到@NgModule的{{1}}中，但仍(as in here)中。我需要添加特定于测试的位置吗？我尝试将其导入到我的app.module.ts中，但这没什么区别。

Answer 1

app.component.spec.ts也需要导入FormsModule：

describe('AppComponent', () => {
  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [
        AppComponent
      ],
      imports: [
        FormsModule  // <- important!
      ]
    }).compileComponents();
  }));

运行业力测试时，模板解析错误（仅）

1 个答案: