Here is my test result
A) [primary]="true"
<button kendoButton (click)="onButtonClick()" [primary]="true">My Kendo UI Angular Button</button>
include css class k-primary and does not include primary attribute
<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>
include css class k-primary and primary attribute
<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>
does not include css class k-primary and does not include primary attribute
<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>
include css class k-primary and primary attribute
<button _ngcontent-ktx-c2="" kendobutton="" primary="false" ng-reflect-primary="false" class="k-button k-primary" dir="ltr">My Kendo UI Angular Button</button>
Conclusion
- primary in bracket is the correct syntax. It means property binding, i.e. one-way mechanism that lets you set the property of a view element (reference). The reason why removing bracket works for some people because modem Web browser will ignore attribute that it does not recognize. (reference)
- Error
Can't bind to 'primary' since it isn't a known property of 'button'
is caused by Kendo UI module is not imported correctly. (reference)