All Projects → Catalysts → Liferay Angular Portlet

Catalysts / Liferay Angular Portlet

A simple Liferay portlet which uses Angular to execute REST calls and display data.

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Liferay Angular Portlet

Angular2 Express Starter
Angular 8 and Express 👪 ( Heroku ready )
Stars: ✭ 565 (+6962.5%)
Mutual labels:  angular2
Angular2 Notifications
A light and easy to use notifications library for Angular.
Stars: ✭ 735 (+9087.5%)
Mutual labels:  angular2
Angular Select2
select2 in angular(>=2.0-release).
Stars: ✭ 16 (+100%)
Mutual labels:  angular2
Ng2 Validation
angular2 validation
Stars: ✭ 622 (+7675%)
Mutual labels:  angular2
Angular Froala Wysiwyg
Angular 4, 5, 6, 7, 8 and 9 plugin for Froala WYSIWYG HTML Rich Text Editor.
Stars: ✭ 696 (+8600%)
Mutual labels:  angular2
Ngx Restangular
Restangular for Angular 2 and higher versions
Stars: ✭ 787 (+9737.5%)
Mutual labels:  angular2
Mydatepicker
Angular 2+ date picker
Stars: ✭ 558 (+6875%)
Mutual labels:  angular2
Ng Sticky
Angular 4 sticky, have header or any component sticky easy to use.
Stars: ✭ 25 (+212.5%)
Mutual labels:  angular2
Ngx Graph
Graph visualization library for angular
Stars: ✭ 704 (+8700%)
Mutual labels:  angular2
Angular Prest
pREST component for Angular
Stars: ✭ 16 (+100%)
Mutual labels:  angular2
Apicurio Studio
Open Source API Design
Stars: ✭ 638 (+7875%)
Mutual labels:  angular2
Aws Cognito Angular Quickstart
An Angular(v5)-based QuickStart single-page app utilizing Amazon Cognito, S3, and DynamoDB (Serverless architecture)
Stars: ✭ 685 (+8462.5%)
Mutual labels:  angular2
Material Dashboard Angular2
Material Dashboard Angular
Stars: ✭ 814 (+10075%)
Mutual labels:  angular2
Angular Springboot Rest Jwt
Springboot, Angular and JWT security - Example Project based on Northwind Order Processing
Stars: ✭ 603 (+7437.5%)
Mutual labels:  angular2
Ng Select
A select library for Angular, with single and multiple select functionality
Stars: ✭ 16 (+100%)
Mutual labels:  angular2
Angular2 Mdl
Angular 2, 4, 5, 6, 7, 8, 9, 10, 11 components, directives and styles based on material design lite (npm: @angular-mdl/core)
Stars: ✭ 562 (+6925%)
Mutual labels:  angular2
Ngx Permissions
Permission and roles based access control for your angular(angular 2,4,5,6,7,9+) applications(AOT, lazy modules compatible
Stars: ✭ 749 (+9262.5%)
Mutual labels:  angular2
Angular2 Carousel
An lightweight , touchable and responsive library to create a carousel for angular 2 / 4 / 5
Stars: ✭ 26 (+225%)
Mutual labels:  angular2
Squeezebox
Simple Angular 2 accordion component
Stars: ✭ 18 (+125%)
Mutual labels:  angular2
Ngx Echarts
An angular (ver >= 2.x) directive for ECharts (ver >= 3.x)
Stars: ✭ 820 (+10150%)
Mutual labels:  angular2

Liferay Angular Portlet

A simple Liferay portlet which uses Angular (>= 2) to execute REST calls and display data. The frontend content is delivered with thymeleaf templates.

It makes use of the frontend-maven-plugin to download npm and node and install all necessary dependencies. The Angular app is built with angular-cli which takes care of typescript compilation and test support. (The JavaScript sources get bundled with webpack)

Build & Deploy

With mvn clean install you can build the portlet. After successfully executing the maven command you can find the .war file in the corresponding target folder. Deploy the .war file in your Liferay portal and you can see the portlet in action.

Run Tests

The example comes with predefined npm scripts to execute frontend unit tests (written with jasmine, executed with karma). Just run npm test and the tests will be executed. The tests will be executed automatically when you run mvn clean install to ensure that the build is stable.

You can generate test-coverage results by executing npm run code-coverage. The results will be generated in the /coverage folder.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].