带有Angular 2问题的Kendo UI

Question

试图关注http://www.telerik.com/kendo-angular-ui/getting-started/

从浏览器控制台得到此错误...服务器端没有错误...

<button kendoButton (click)="onButtonClick()" [ERROR ->][primary]=true >My Kendo UI Button</button>
"): AppComponent@9: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>
"): AppComponent@9: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

Answer 1

像这样更新您的AppModule-

Step1:像这样导入ButtonsModule-

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

第2步:像这样更新@NgModule-

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

这将修复您的模板解析错误.

Angular2版本RC6

剑道版0.9.3