Angular npm Portlet

The Angular npm Portlet sample provides a portlet that uses the Angular framework to render its output.

Figure 1: Type custom text in the field and watch it instantaneously displayed in the portlet.

Figure 1: Type custom text in the field and watch it instantaneously displayed in the portlet.

This portlet showcases Angular’s speed and performance when rendering a user interface.

Important: This sample works for Liferay DXP Fix Pack 44+ and Liferay Portal CE GA7+.

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"
},

Where Is This Sample?

This sample is built with the following build tool:

« npm SamplesBillboard.js npm Portlet »
Was this article helpful?
0 out of 0 found this helpful