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="http://java.sun.com/portlet_2_0" 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"/>