angular - 使用角度为 7 的primeng 表时出错
问题描述
我正在尝试将primeng-table与angular7一起使用。但是在集成它之后,我收到以下错误:-
Uncaught TypeError: Object(...) is not a function at platform.es5.js:102 at Module../node_modules/@angular/cdk/esm5/platform.es5.js (platform.es5.js:104) at 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' }
];
}
}
你可以在这里找到完整的代码 -代码
谁能告诉我我做错了什么?
谢谢!
解决方案
嗨,请更新依赖关系并使用TableModule中的p-table,它工作正常,检查包 json。这是stackblitz 希望它有帮助!
推荐阅读
- subdomain - 如何使用正则表达式提取字符串中的域?
- java - 获取用户输入并搜索二维数组并打印结果
- c++ - 在无向图中通过其顶点找到一条边 [C++ BGL]
- java - Java - 通过SpecificAvroSerde的输入动态更改Kafka数据类型
- vscode-settings - VSCode Intellisense:我们可以将关键字添加到不会自动完成的“排除”列表中吗?
- sql - 用于 FROM 子句之前的 SQL 代码编辑器的智能感知/自动完成
- database - 在 Power BI 中加载数据(txt 文件 | 文件大小大于 10GB)
- xslt - 如何检查元素被创建了多少次并创建了 n 次
- parsing - 将标记化的字符串传递给 Google Translate API
- python - 使用 Python Split 和 Strip 命令重新排序 sting