Page Banner

Front-end Configuration of an existing AngularJS App in Liferay portlet

The primary tasks are – creation of view.jsp and configuration ofliferayportletaccordingly.
• An example Angular application written in index.html

Name :

Hello {{name}}



• To convert this – create view.jsp as below

<%@ tagliburi="" prefix="portlet"%>

Name :

Hello {{name}}


• Include js and cssfiles in WEB-INF/liferay-portlet.xml

app-portlet /css/style.css /js/angular.min.js

• Configure the app for MVC portlet in WEB-INF/portlet.xml

app-portlet app-portlet


• Finally, configure the display in WEB-INF/liferay-display.xml