Download .zip Download .tar.gz View on GitHub java doc tutorial

Welcome to AngularBeans.

Angular Beans is a powerful web framework that enables the usage of AngularJS in Java EE through CDI. Angular Beans uses the power of both AngularJS and CDI to provide a lightweight but feature-rich framework. It simplifies the building of complex, real-time, JavaScript client side MV* , with JavaEE/CDI backend applications


- Remote Method Invocation of CDI Beans (Json-RPC like protocol)

- Bean validation support (converted to client side AngularJS form validation)

- Built-in translation service

- Browser console logging via CDI beans

- Event-driven file uploads !

- Handles binary content (like images) as an AngularJS model

- SockJs support!

- Real-time Event driven publish-sucbscribe broadcasting system

- AngularJs Event's translated to CDI (backend) events

- ModelQuery: a query from the backend to front-end and updates model


Consider the following CDI bean: :

package helloWorld;

import angularBeans.api.AngularBean;
import angularBeans.api.http.Get;

public class HelloBean {
	public String sayHello(String name) {
		return "hello " + name;

app.js :

'use strict';

angular.module('myModule', [ 'angularBeans' ]);

.controller('HelloCtrl', function($scope, helloBean) {

	$scope.sayHello = function(name) {


and the HTML5 file :

<!DOCTYPE html>
<meta charset="ISO-8859-1">

<script type="text/javascript" src="angular/angular.min.js"></script>
<script type="text/javascript" src="angular-beans.js"></script>
<script type="text/javascript" src="app.js"></script>

<body ng-app="myModule">
	<div ng-controller="HelloCtrl">
		<label>your name :</label> <input type="text" ng-model="name" />
		<button ng-click="sayHello(name)">sayHello</button>

result :

Getting started ?

Getting Started