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 com.liferay.util.bridges.mvc.MVCPortlet view /view.jsp


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

<categoryname="AngularJSPortlets"> <portletid="app-portlet"/>

Leave a Reply

Your email address will not be published. Required fields are marked *