2016-09-17 171 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后。