The Angular 6 npm Portlet sample provides a portlet that uses the Angular framework (version 6) to render its output.
Figure 1: Type custom text in the field and watch it instantaneously displayed in the portlet.
This portlet showcases Angular’s newest version and how to leverage it in Liferay DXP. See this article for more information on what’s new with Angular 6.
What API(s) and/or code components does this sample highlight?
This sample leverages the npm development workflow support.
How does this sample leverage the API(s) and/or code component?
This sample uses the npm registry to download project dependencies and uses the liferay-npm-bundler tool to bundle the project dependencies inside the OSGi bundle JAR file.
To accomplish the bundling, the project’s build process relies on a build
script inside its package.json file:
"scripts": {
"build": "tsc && liferay-npm-bundler",
"tsc": "tsc"
},
Where Is This Sample?
This sample is built with the following build tool: