【问题标题】:Angular 2 Data TableAngular 2 数据表
【发布时间】:2017-08-04 03:33:37
【问题描述】:

该应用程序目前是在Angular 2中开发的,它需要像表格一样的jQuery数据表,它具有排序/分页/固定标题/列固定/滚动等多种功能。

最近我找不到任何与 Angular 2 100% 兼容的数据表插件。ngprime 中最兼容的一个,但它也显示 Angular2 的脚本错误。

技术人员/手把手的人可以得到任何建议/建议。任何实际实现它的博客/github作者。

【问题讨论】:

  • 尝试 Angular 的 Kendo-grid
  • PrimeNG 中有一个:primefaces.org/primeng/#/datatable 其超级定制和大量示例代码可在其网站上找到。
  • @Indrajith 它适用于 Angular2,但与 Angular 2 有很多问题。此错误在下面很常见:如果“p-dataTable”是 Angular 组件并且它具有“值”输入,则验证它是这个模块的一部分。角度 CLI
  • 您必须为数据表导入正确的模块。 Angular 找不到 p-dataTable 的组件声明。这就是它抛出错误的原因。我在多个项目中使用过 PrimeNG 数据表。如果使用正确没有问题。
  • @Indrajith 同意这一点,因为到目前为止我对 Angular 2 的了解有限,所以 "devDependencies": { "@angular/cli": "1.0.0", "@angular/compiler-cli ": "^2.0.0",这是我当前的 Angular 2,您会为此推荐哪个 ngprime 数据模型模块?

标签: angular datatables angular-datatables


【解决方案1】:

根据您的评论,您在使用primeng 数据表时出错。 正确安装的步骤是:

  1. 安装库

    npm install primeng --save
    

    你的 package.json 应该包含这个依赖项

    "dependencies": {
    ....
     "primeng": "^x.y.z",
     ....
     },
    
  2. 更改您的 app.module.ts 并导入您的 ngprime 表

    import {GrowlModule} from 'primeng/primeng'
    @NgModule({
    declarations: [
       AppComponent
    ],
    imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    GrowlModule
    ],
    providers: [],
    bootstrap: [AppComponent]
    })
    

希望对你有帮助。

【讨论】:

  • 也试过这个,它会抛出以下错误:如果'p-dataTable'是一个Angular组件并且它有'value'输入,那么验证它是这个模块的一部分。
  • 要使用p-dataTable,您需要导入import {DataTableModule,SharedModule} from 'primeng/primeng';。它就在documentation 中。基本级别的数据表不需要GrowlModule。这就是为什么您会专门收到此错误的原因。
猜你喜欢
  • 2017-07-24
  • 2018-12-18
  • 2018-12-19
  • 1970-01-01
  • 2017-08-24
  • 1970-01-01
  • 2017-07-06
  • 2018-06-08
相关资源
最近更新 更多