Question

我收到此错误消息：

无法绑定到＆＃39; primary＆＃39;因为它不是＆＃39;按钮的已知属性。

我正在使用yo aspnetcore-spa角度生成器。我的app.module中导入了BrowserAnimationsModule和ButtonsModule，并在导入中注册。我的所有角度和剑道包都是最新版本。

此外，当我从[primary]="true"中删除<button>时，错误就会消失。之后，我再次添加[primary]="true"并且（不刷新页面，HMR重建）它工作正常。再次，如果我刷新页面，错误会再次出现。

任何解决方案？

提前致谢。

Answer 1

Primary并不需要括号，尽管他们的例子说它确实如此。尝试：

<button kendoButton primary="true">Primary</button>

Answer 2

这是我的测试结果

A）[primary] =“ true”

<button kendoButton (click)="onButtonClick()" [primary]="true">My Kendo UI Angular Button</button>

包括css类k-primary，但不包括primary属性

<button _ngcontent-ogg-c2="" kendobutton="" ng-reflect-primary="true" class="k-button k-primary" dir="ltr">My Kendo UI Angular Button</button>

B）primary =“ true”

<button kendoButton (click)="onButtonClick()" primary="true">My Kendo UI Angular Button</button>

包括CSS类k-primary和primary属性

<button _ngcontent-jow-c2="" kendobutton="" primary="true" ng-reflect-primary="true" class="k-button k-primary" dir="ltr">My Kendo UI Angular Button</button>

C）[primary] =“ false”

<button kendoButton (click)="onButtonClick()" [primary]="false">My Kendo UI Angular Button</button>

不包括CSS类k-primary，也不包括primary属性

<button _ngcontent-oto-c2="" kendobutton="" ng-reflect-primary="false" class="k-button" dir="ltr">My Kendo UI Angular Button</button>

D）primary = false

<button kendoButton (click)="onButtonClick()" primary="false">My Kendo UI Angular Button</button>

包括CSS类k-primary和primary属性

<button _ngcontent-ktx-c2="" kendobutton="" primary="false" ng-reflect-primary="false" class="k-button k-primary" dir="ltr">My Kendo UI Angular Button</button>

结论

primary是正确的语法。这意味着属性绑定，即一种单向机制，可让您设置视图元素（reference）的属性。之所以对某些人使用括号，是因为调制解调器Web浏览器将忽略它无法识别的属性。（reference）
错误Can't bind to 'primary' since it isn't a known property of 'button'是由Kendo UI模块未正确导入引起的。（reference）

Answer 3

确保在模块中导入ButtonsModule

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

@NgModule({
  declarations: [ButtonComponent],
  imports: [ButtonsModule],
  exports: [ButtonComponent]
})

Answer 4

您的按钮应如下所示：

<button kendoButton [primary]="true">Primary</button>

别忘了＆strong; kendoButton ＆＃39;。

Angular的Kendo UI：无法绑定到＆＃39; primary＆＃39;因为它不是＆＃39;按钮的已知属性。

4 个答案: