HTML 'class" attribute is not working in Angular portlet of Liferay DXP 7.0 https://liferay.dev/c/message_boards/find_thread?p_l_id=119785294&threadId=121245253 2026-06-14T23:39:18Z 2026-06-14T23:39:18Z Olaf Kock https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&messageId=121249963 2021-11-15T14:07:18Z 2021-11-15T14:07:17Z

<blockquote> <p>because js minification converts the ‘class’ attribute to some random characters as shown in the below image.</p></blockquote> <p>I can't see random characters.</p> <p>Please provide full steps to reproduce - e.g. your code, the result (text preferred, no image), expectations etc.</p>

Olaf Kock 2021-11-15T14:07:17Z Chirag Lakhamani https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&messageId=121245252 2021-11-15T14:05:55Z 2021-11-15T10:16:28Z

<p>I have created one liferay angular module in liferay DXP 7. I have followed this document and created it. I am facing some issues with an angular component. When I deployed my liferay-angular portlet in my local system, sometimes the simple class attribute 'class=&quot;className&quot; ' is not working properly because js minification converts the ‘class’ attribute to some random characters as shown in the below image.</p> <p>To fix that issue I applied the class attribute this way &quot;[class.row]=true&quot; and it is working well in my local system.</p> <p>I have checked with different node and npm versions but every time I face the same issue.</p> <p>My Current node version is 8.10.0</p> <p> <a href="https://i.stack.imgur.com/07KxZ.png"><img alt="enter image description here" src="https://i.stack.imgur.com/07KxZ.png" /></a></p>

Chirag Lakhamani 2021-11-15T10:16:28Z