使用 angular 7 的primeng table 时出错答案

【问题标题】：Error while using primeng table with angular 7使用 angular 7 的primeng table 时出错
【发布时间】：2019-08-10 17:17:01
【问题描述】：

我正在尝试将primeng-table 与angular7 一起使用。但是在集成它之后，我得到了以下错误：-

Uncaught TypeError: Object(...) is not a function 在平台.es5.js:102 在 Module../node_modules/@angular/cdk/esm5/platform.es5.js (platform.es5.js:104) 在 webpack_require (bootstrap:78) 在 Module../node_modules/@angular/cdk/esm5/scrolling.es5.js (scrolling.es5.js:1) 在 webpack_require (bootstrap:78) 在 Object../node_modules/primeng/components/dropdown/dropdown.js (dropdown.js:12) 在 webpack_require (bootstrap:78) 在 Object../node_modules/primeng/components/paginator/paginator.js (paginator.js:15) 在 webpack_require (bootstrap:78) 在 Object../node_modules/primeng/components/datagrid/datagrid.js (datagrid.js:15)

html 文件

<html>
<div class="courses">
  <h1>This is the Courses Page!</h1>
  <br><br><br><br>
  </div>
<p-dataTable [value]="courses">
  <p-column field="id" header="id"></p-column>
  <p-column field="name" header="name"></p-column>
</p-dataTable>
</html>

组件文件

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-courses',
 templateUrl: './courses.component.html',
  styleUrls: ['./courses.component.less']
})
export class CoursesComponent implements OnInit {
  courses: any[];
  constructor() { }
  ngOnInit() {
    this.courses = [
      { id: '1', name: 'Course1' },
      { id: '2', name: 'Course2' },
      { id: '3', name: 'Course3' }
    ];
  }
}

你可以在这里找到完整的代码 - Code

谁能告诉我哪里做错了？

谢谢！

【问题讨论】：

您使用的是哪个 PrimeNG 版本？
@Quan -primeng = 7
如果我没记错的话，在第 7 版中没有 p-dataTable。自第 5 版起已弃用。
@QuanVO - 它还在那里。请在此处找到详细信息 - stackoverflow.com/questions/53778273/…
在ver 7的官方文档中，只有p-table。将您的代码更改为它然后测试。

标签： angular primeng primeng-table

【解决方案1】：

嗨，请更新依赖关系并使用 TableModule 中的 p-table，它工作正常，检查包 json。这里是stackblitz 希望对您有所帮助！

【讨论】：