角度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未處理的承諾拒絕：模板解析錯誤

回答

相關問題