Angular4/Jasmine/Karma/PrimeNG/DataTable TypeError：无法分配给对象的只读属性“scrollHeight”答案

【问题标题】：Angular4/Jasmine/Karma/PrimeNG/DataTable TypeError: Cannot assign to read only property 'scrollHeight' of objectAngular4/Jasmine/Karma/PrimeNG/DataTable TypeError：无法分配给对象的只读属性“scrollHeight”
【发布时间】：2018-02-04 11:39:57
【问题描述】：

我在尝试执行 Angular 测试用例时收到以下错误。

TypeError：无法分配给对象“[object HTMLElement]”的只读属性“scrollHeight” 在 EmulatedEncapsulationDomRenderer2.DefaultDomRenderer2.setProperty (webpack:///~/@angular/platform-browser/@angular/platform-browser.es5.js:2923:0

HTML Element : <p-dataTable [value]="xxx" [scrollable]="true" filter="true" [globalFilter]="xxx" (onFilter)="xxx" scrollHeight="{{myHeight}}">

如果 scrollHeight 设置为像400px 这样的常量，则测试用例可以正常工作。但是用myHeight="400px" 将其外化是行不通的

我的应用程序中没有出现这个错误，这只发生在单元测试用例中。

【问题讨论】：

你试过这样[scrollHeight]="myHeight"吗？
文档还声明 scrollHeight 是只读的：developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight
@Rui Marques - scrollHeight 是 p-table 组件的输入/属性，它不应用于 html 元素，只是具有相同的名称

标签： angular karma-jasmine primeng

【解决方案1】：

在规范中将TableModule 添加到imports

import { TableModule } from 'primeng/table';

beforeEach(async () => {
    await TestBed.configureTestingModule({
      imports: [
        TableModule,

      ],

【讨论】：