Cannot read property 'trim' of undefined with ButtonDirective

[mnhock]

If you have a PrimeNG PRO Support subscription please post your issue at;

https://pro.primefaces.org

where our team will respond within 4 business hours.

If you do not have a PrimeNG PRO Support subscription, fill-in the report below. Please note that
your issue will be added to the waiting list of community issues and will be reviewed on a first-come first-serve basis, as a result, the support team is unable to guarantee a specific schedule on when it will be reviewed. Thank you for your understanding.

Current Queue Time for Review
Without PRO Support: ~8-12 weeks.
With PRO Support: 1 hour

I'm submitting a ... (check one with "x")

[ x] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primeng/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=35

Plunkr Case (Bug Reports)
Please demonstrate your case at stackblitz by using the issue template below. Issues without a test case have much less possibility to be reviewd in detail and assisted.

https://stackblitz.com/github/primefaces/primeng-issue-template

Current behavior
Cannot read property 'trim' of undefined form Domhandler

Error will be thrown:
core.js:6456 ERROR TypeError: Cannot read property 'trim' of undefined
at Function.addMultipleClasses (:4200/vendor.js:137611)
at ButtonDirective.createIconEl (:4200/vendor.js:132099)
at ButtonDirective.setIconClass (:4200/vendor.js:132114)
at ButtonDirective.set label [as label] (:4200/vendor.js:132132)
at setInputsForProperty (:4200/vendor.js:28676)
at elementPropertyInternal (:4200/vendor.js:27720)
at ɵɵpropertyInterpolate1 (:4200/vendor.js:33287)
at Module.ɵɵpropertyInterpolate (:4200/vendor.js:33250)

The bug was introduced with #10277

There must be a test in createIconEl method for line:
DomHandler.addMultipleClasses(iconElement, this.getIconClass());

Expected behavior

Minimal reproduction of the problem with instructions

What is the motivation / use case for changing the behavior?

• PrimeNG version: 5.X
  12.0.0

[Jakob-em]

This is the problem that #10348 fixes

[j-be]

Confirm issue.

For what it is worth: if you use primeng[.min].css you can add icon="p-hidden" to the button as a workaround for the time being.

[PeterHewat]

I encountered this issue while trying to dynamically update a pButton label with a pipe.
For what it's worth, here is the example I have come up with:
https://stackblitz.com/edit/issue-primeng-pbutton-dynamic-label

Using PrimeNG 12

[mkoestner]

Same here. Label in pButton with a pipe and I get the same error after a change of the label value.

[avmesquita]

Occurred with me when using ngx-translate.

To resolve the bug, momentarily use:

icon="pi"

like:

<button pButton icon="pi" label="{{ 'CONSTANT' | translate }} ...>

[john8329]

Same issue, using [label] with a translate pipe makes the button cry. The aforementioned hack temporarily fixes the issue, but a proper solution would be really appreciated.