AngularBeansAngularJS 和 Java EE 集成
Angular Beans 是一個使用 Java EE 7 和 CDI 規(guī)范輕松實現(xiàn)在 Java EE 應(yīng)用中集成 AngularJS 框架的功能。
特性：
可以在 CDI Bean 注入和回調(diào) AngularJS 服務(wù)
將 $scope 綁定到 Bean 模型
處理 HTTP 方法調(diào)用
最好的控制服務(wù)端和客戶端的數(shù)據(jù)更新
可通過 WebSocket 和 SockJS 集成來處理實時的調(diào)用
queryModels: 查詢服務(wù)器數(shù)據(jù)并根據(jù)模型更新客戶端顯示
事件和 queryModels 廣播
Angular 表單驗證，基于 Bean Validation 注解
內(nèi)建 I18n 翻譯
時間驅(qū)動、實時和輕量級
示例應(yīng)用：
HelloBean.java
package helloWorld;
import angularBeans.api.AngularBean;
import angularBeans.api.NGReturn;
import angularBeans.realtime.RealTime;
import java.io.Serializable;
import javax.enterprise.context.RequestScoped;
import javax.ws.rs.GET;
@AngularBean
@RequestScoped
public class HelloBean implements Serializable {
@GET
public String sayHello(String name) {
return "hello " + name;
}
}
app.js
'use strict';
angular.module('myModule', [ 'angularBeans' ]);
angular.module('myModule')
.controller('HelloCtrl', function($scope, helloBean) {
$scope.sayHello = function(name) {
helloBean.sayHello(name).then(function(result){
$scope.result=result;
}
);
}
});
hello.html
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<script type="text/javascript" src="angular/angular.min.js"></script>
<script type="text/javascript" src="sockjs/sockjs.min.js"></script>
<script type="text/javascript" src="angular-beans.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<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}}
</div>
</body>
</html>
運(yùn)行結(jié)果：
評論
圖片
表情