angular 2 error：zone.js：484未处理的Promise拒绝：模板解析错误

Question

您好我正在尝试使用angular2 rc6计算prime-ng网格，因为他们的应用程序中的演示版本与之前的版本一起使用。

这是我的git存储库的链接。

https://github.com/svidya/primeng-demo.git

当我运行应用程序时，我收到以下错误

  

未处理的承诺拒绝：模板解析错误：＆＃39; datatable-demos＆＃39;   不是一个已知的元素：   1.如果＆＃39; datatable-demos＆＃39;是一个Angular组件，然后验证它是否是此模块的一部分。   2.如果＆＃39; datatable-demos＆＃39;是一个Web组件，然后添加＆＃34; CUSTOM_ELEMENTS_SCHEMA＆＃34;到＆＃39; @ NgModule.schema＆＃39;这个组件   压制此消息。 （＆＃34; [ERROR    - ＆GT;]

     

＆＃34;）：AppComponent @ 0：0   无法绑定到＆＃39;值＆＃39;因为它不是'p-datable＆＃39;的已知属性。   1.如果＆＃39; p-datable＆＃39;是一个Angular组件，它具有“价值”和＃39;输入，然后验证它是否是该模块的一部分。   2.如果＆＃39; p-datable＆＃39;是一个Web组件，然后添加＆＃34; CUSTOM_ELEMENTS_SCHEMA＆＃34;到＆＃39; @ NgModule.schema＆＃39;此组件禁止此消息。   （＆＃34;

     

      ] [值] =＆＃34;汽车＆＃34;的SelectionMode =＆＃34;单＆＃34; [（选择）] =＆＃34; selectedCar＆＃34; （onRowSelect）=＆＃34; onRowSelect（$事件）＆＃34;＆＃34）：   AppComponent @ 3:15无法绑定到＆＃39;选择＆＃39;因为它不是已知的   'p-datable＆＃39;的财产。   1.如果＆＃39; p-datable＆＃39;是一个Angular组件，它有一个选择＆＃39;输入，然后验证它是否是该模块的一部分。   2.如果＆＃39; p-datable＆＃39;是一个Web组件，然后添加＆＃34; CUSTOM_ELEMENTS_SCHEMA＆＃34;到＆＃39; @ NgModule.schema＆＃39;此组件禁止此消息。   （＆＃34; v class =＆＃34; ContentSideSections Implementation＆＃34;＆gt;       ] [（选择）] =＆＃34; selectedCar＆＃34; （onRowSelect）=＆＃34; onRowSelect（$事件）＆＃34; [分页程序] =＆＃34;真＆＃34;           [rows] =＆＃34; 1＆＃34;）：AppComponent @ 3:53无法绑定到＆＃39; paginator＆＃39;因为它不是'p-datable＆＃39;的已知属性。   1.如果＆＃39; p-datable＆＃39;是一个Angular组件，它有＆＃39; paginator＆＃39;输入，然后验证它是否是该模块的一部分。   2.如果＆＃39; p-datable＆＃39;是一个Web组件，然后添加＆＃34; CUSTOM_ELEMENTS_SCHEMA＆＃34;到＆＃39; @ NgModule.schema＆＃39;此组件禁止此消息。   （＆＃34; alue] =＆＃34; cars＆＃34; selectionMode =＆＃34; single＆＃34; [（选择）] =＆＃34; selectedCar＆＃34;   （onRowSelect）=＆＃34; onRowSelect（$事件）＆＃34; [错误 - ＆gt;] [paginator] =＆＃34; true＆＃34;           [行] =＆＃34; 10＆＃34; [响应] =＆＃34;真＆＃34;＆GT;           汽车的CRUD＆＃34;）：AppComponent @ 3：117无法绑定到＆＃39;行＆＃39;因为它不是'p-datable＆＃39;的已知属性。   1.如果＆＃39; p-datable＆＃39;是一个Angular组件，它有＆＃39;行＆＃39;输入，然后验证它是否是该模块的一部分。   2.如果＆＃39; p-datable＆＃39;是一个Web组件，然后添加＆＃34; CUSTOM_ELEMENTS_SCHEMA＆＃34;到＆＃39; @ NgModule.schema＆＃39;该组件可以禁止此消息。

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

请您告诉我相同的解决方案吗？

Answer 1

app.component.html 文件中的 SELECT DATE(delivered) as date, sum(price) as sum, HOUR(delivered) AS hour, IF(HOUR(NOW()) < 7, CURDATE() - INTERVAL 1 DAY, CURDATE()) as realdate FROM Wardrobe_CloakTable WHERE payingcustomerID = 2 AND delivered >= realdate AND delivered < realdate + INTERVAL 1 DAY GROUP BY DATE(delivered), HOUR(delivered) 组件位于何处？ 删除它。

你也有一个错字

datatable-demos

应该是

<p-datable

之后转到 app.module.ts 文件并导入必要的模块：

<p-dataTable

然后你应该记住这是区分大小写的。所以

<强> carservice.ts

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 { }

在那之后，我认为它应该有用。