如何在play框架的前端_通过Angularjs框架使用html模板

第一步：创建模板

<script type="text/ng-template" id="Dialog">
	<div>
	</div>
</script>
<style type="text/css" media="screen">
.div {
	width: 80px;height: 80px;border: 1px solid #EBEBEB;
	vertical-align: middle;
	float: left;margin:5px 0;
}
</style>

第二步：创建模板对应的脚本

reliers.push("ngDialog");
App.controller('Controller',['$scope','ngDialog','upserve', function($scope,ngDialog,server){
	$scope.GetClassesList = function(){
		server.get({
		    url: '/***/***/***',
		    success: function (data) {
		        $scope.data = data;
		    }
		});
	};
	
	$scope.GetClassesList();
}]);

第三步：在父页中调用

写一个方法调用

	$scope.select = function(){
		debugger;
		ngDialog.open({
			template: 'Dialog',
			scope:$scope,
			controller: 'Template',			
			width: 800
		});
	};

在父页上添加一个层

<div ng-include="'/***/***/***'"></div>