Angular detected a value with an unsupported type in a style property binding. This can occur in
an individual binding such as [style.width] or in a property of a [style] map.
Style property values accept strings, numbers, style SafeValue objects, null, and undefined.
Other values, including SafeValue objects created for a non-style security context, produce this
warning in development mode.
For example, the following binding passes a boolean instead of a CSS value:
<div [style.display]="isVisible"></div>Debugging the error
Use the property name and value in the error message to locate the binding. Convert the value to a
valid CSS string or number, or use null or undefined to remove the style.
When using a unit suffix such as [style.width.px], bind the numeric portion of the value:
<div [style.width.px]="width"></div>Do not pass a SafeValue created for another security context, such as trusted HTML, to a style
property binding.