2016-09-17 125 views
1

試圖跟隨http://www.telerik.com/kendo-angular-ui/getting-started/劍道UI與角2問題

得到了瀏覽器控制檯這個錯誤...在服務器端沒有錯誤...

<button kendoButton (click)="onButtonClick()" [ERROR ->][primary]=true >My Kendo UI Button</button> 
"): [email protected]:46 ; Zone: <root> ; Task: Promise.then ; Value: Error: Template parse errors:(…) Error: Template parse errors: 
Can't bind to 'primary' since it isn't a known property of 'button'. (" 
<app-date>test</app-date> 

<button kendoButton (click)="onButtonClick()" [ERROR ->][primary]=true >My Kendo UI Button</button> 
"): [email protected]:46 
    at TemplateParser.parse (http://localhost:4200/main.bundle.js:15261:19) 
    at RuntimeCompiler._compileTemplate (http://localhost:4200/main.bundle.js:33578:51) 
    at http://localhost:4200/main.bundle.js:33501:83 
    at Set.forEach (native) 
    at compile (http://localhost:4200/main.bundle.js:33501:47) 
    at ZoneDelegate.invoke (http://localhost:4200/main.bundle.js:64762:28) 
    at Zone.run (http://localhost:4200/main.bundle.js:64655:43) 
    at http://localhost:4200/main.bundle.js:65021:57 
    at ZoneDelegate.invokeTask (http://localhost:4200/main.bundle.js:64795:37) 
    at Zone.runTask (http://localhost:4200/main.bundle.js:64695:47)consoleError @ zone.js:344_loop_1 @ zone.js:371drainMicroTaskQueue @ zone.js:375 
zone.js:346Error: Uncaught (in promise): Error: Template parse errors:(…)consoleError @ zone.js:346_loop_1 @ zone.js:371drainMicroTaskQueue @ zone.js:375 

回答

4

更新您的AppModule喜歡這個 -

第一步:進口ButtonsModule喜歡這個 -

import { ButtonsModule } from '@progress/kendo-angular-buttons'; 

第二步:更新@NgModule喜歡這個 -

@NgModule({ 
    imports: [ BrowserModule, ButtonsModule ], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 

這將解決您的模板語法錯誤。

Angular2版本RC6

劍道版本0.9.3

+0

我錯過了進口。謝謝 – fatdragon

0

檢查從button標籤移除[primary]=true後。