angular 2错误:zone.js:484未处理的承诺拒绝:模板解析错误

angular 2错误:zone.js:484未处理的承诺拒绝:模板解析错误,angular,primeng,Angular,Primeng,您好,我正在尝试使用angular2 rc6开发prime ng grid,因为他们应用程序中的演示版本与以前的版本兼容 这是指向我的git存储库的链接 当我运行应用程序时,我得到以下错误 未处理的承诺拒绝:模板分析错误:“datatable演示” 不是已知元素: 1.如果“datatable demos”是一个角度组件,则验证它是否是此模块的一部分。 2.如果“datatable demos”是一个Web组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModu

您好,我正在尝试使用angular2 rc6开发prime ng grid,因为他们应用程序中的演示版本与以前的版本兼容

这是指向我的git存储库的链接

当我运行应用程序时,我得到以下错误

未处理的承诺拒绝:模板分析错误:“datatable演示” 不是已知元素: 1.如果“datatable demos”是一个角度组件,则验证它是否是此模块的一部分。 2.如果“datatable demos”是一个Web组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.SCHEMA”中 以抑制此消息。(“[错误] ->]

”):AppComponent@0:0 无法绑定到“value”,因为它不是“p-datable”的已知属性。 1.如果“p-datable”是一个角度组件,并且具有“value”输入,则验证它是否是该模块的一部分。 2.如果“p-datable”是Web组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.SCHEMA”以抑制此消息。 (”

][value]=“cars”selectionMode=“single”[(selection)]=“selectedCar”(onRowSelect)=“onRowSelect($event)”: AppComponent@3:15无法绑定到“selection”,因为它不是已知的 “p-datable”的属性。 1.如果“p-datable”是一个角度组件,并且具有“选择”输入,则验证它是否是该模块的一部分。 2.如果“p-datable”是Web组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.SCHEMA”以抑制此消息。 (“v class=“ContentSideSections实现”> ][(选择)]=“selectedCar”(onRowSelect)=“onRowSelect($event)”[paginator]=“true” [行]=“1”):AppComponent@3:53无法绑定到“paginator”,因为它不是“p-datable”的已知属性。 1.如果“p-datable”是一个角度组件,并且具有“paginator”输入,则验证它是否是该模块的一部分。 2.如果“p-datable”是Web组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.SCHEMA”以抑制此消息。 (“值]=“汽车”选择模式=“单一”[(选择)]=“选择的汽车” (onRowSelect)=“onRowSelect($event)”[ERROR->][paginator]=“true” [行]=“10”[响应]=“真”> 汽车积垢):AppComponent@3:117无法绑定到“rows”,因为它不是“p-datable”的已知属性。 1.如果“p-datable”是一个角度组件,并且具有“rows”输入,则验证它是否是此模块的一部分。 2.如果“p-datable”是Web组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.SCHEMA”以抑制此消息

起初我认为这个问题与我的systemjs.config.js的配置方式有关,并做了一些更改,但我找不到实际的问题


您能告诉我任何相同的解决方案吗?

您的app.component.html文件中的
数据表演示组件在哪里?
移除它

你也有打字错误

<p-datable

<p-dataTable
import { FormsModule } from '@angular/forms';
import { DataTableModule, DialogModule } from 'primeng/primeng';

@NgModule({
  imports: [ 
    BrowserModule,
    HttpModule,
    JsonpModule, 
    FormsModule,     <== here
    DataTableModule, <== here
    DialogModule     <== and here
  ],
  declarations: [ AppComponent ],
  bootstrap: [ AppComponent ]   
})
export class AppModule { }
private extractData(res:Response) {
  let body = res.json();
  return body.data || { }; <== notice data instead Data
}