角度2错误：zone.js：484未处理的承诺拒绝：模板解析错误

你好，我正在尝试使用angular2 rc6来制定prime-ng网格，因为他们的应用中的演示版本适用于以前的版本。角度2错误：zone.js：484未处理的承诺拒绝：模板解析错误

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

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

当我跑我得到了下面的错误

应用

未处理的承诺拒绝：模板解析错误：“数据表，演示” 不是一个已知的元素： 1.如果'datatable-demos'是一个Angular组件，然后验证它是否是该模块的一部分。 2.如果'datatable-demos'是一个Web组件，然后将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的'@ NgModule.schema'以禁止此消息。（“[ERROR - >]

”）：AppComponent @ 0：0 无法绑定到'value'，因为它不是'p-datable'的已知属性。 1.如果'p-datable'是一个Angular组件并且它有'value'输入，那么请验证它是否是该模块的一部分。 2.如果'p-datable'是一个Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的'@ NgModule.schema'中以禁止此消息。（ “

] [值] = ”汽车“ 的SelectionMode = ”单“[（选择）] = ”selectedCar“（onRowSelect）= ”onRowSelect（$事件）“”）： AppComponent @ 3：15无法绑定到“选择”，因为它不是“p-datable”的已知属性。 1.如果'p-datable'是一个Angular组件并且它有'选择'输入，那么请验证它是否是该模块的一部分。 2.如果'p-datable'是一个Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的'@ NgModule.schema'中以禁止此消息。（“v class =”ContentSideSections Implementation“> ] [（selection）] =”selectedCar“（onRowSelect）=”onRowSelect（$ event）“[paginator] =”true“ [rows] =”1“）： AppComponent @ 3：53不能绑定到'paginator'，因为它不是'p-datable'的已知属性。 1.如果'p-datable'是一个Angular组件并且它有'paginator'输入，那么验证它是否为该模块的一部分 2.如果'p-datable'是一个Web组件，那么将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的'@ NgModule.schema'中以抑制此消息。（“alue”=“汽车“selectionMode =”single“[（选择）] =”selectedCar“ （onRowSelect）=”onRowSelect（$ event）“[ERROR - >] [paginator] =”true“ [rows] =”10“ ] =“true”> CRUD for Cars“）：AppComponent @ 3：117无法绑定到'行'，因为它不是'p-datable'的已知属性。 1.如果'p-datable'是一个Angular组件并且它有'行'输入，则验证它是否是该模块的一部分。 2.如果'p-datable'是一个Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的'@ NgModule.schema'中以禁止此消息。

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

您能否让我知道同样的解决方案？

来源

2016-09-12 S_developer

datatable-demos组件来自您的app.component.html文件吗？删除它。

而且你有一个错字

<p-datable

应该

<p-dataTable

之后去app.module.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 { }

那么你应该记住，这是区分大小写。所以

carservice.ts

private extractData(res:Response) { 
    let body = res.json(); 
    return body.data || { }; <== notice data instead Data 
}

之后，我quess它应该工作。

来源

2016-09-12 12:48:28 yurzui

角度2错误：zone.js：484未处理的承诺拒绝：模板解析错误

回答

相关问题