p-button style property doesn't work at all

[mikep-dev]

I'm submitting a ...

[x] bug report
[ ] feature request
[ ] support request

Plunkr Case (Bug Reports)
https://stackblitz.com/edit/github-dnh5qe?file=src/app/app.component.html

Current behavior
Cannot change styles of an element using style property of p-button.

Expected behavior
Should be possible to change styles using style property of p-button just as e.g. overlayPanel.

Minimal reproduction of the problem with instructions

1. Go to stackblitz above.
2. Note that binding styles to p-button doesnt work.

What is the motivation / use case for changing the behavior?
Property is listed in documentation but its implementation is flawed. It's not possible to easily dynamically change styles of a button inside p-button.

• Angular version: 7.2.3

• PrimeNG version: 7.1.3, also checked on newest

• Browser: all

[mikep-dev]

After research I found a source of the problem. In component src/app/components/button/button.ts input property style is binded in template to style property of a <button>.

    <button [attr.type]="type" [class]="styleClass" [style]="style" [disabled]="disabled"

style property has completely different syntax and current implementation just cannot work.

It should be ngStyle instead.

    <button [attr.type]="type" [class]="styleClass" [ngStyle]="style" [disabled]="disabled"