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.

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

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?

There are two different versions of this sample, each built with a different build tool:

0 (0 Votes)
Angular npm Deduplication Sample Previous