一、显示数据 1. 在controller中创建一个showlistcontroller 从数据库中获取数据
def show(){} //ware是一个实体类（在数据库中有同名的表） //保存在list中 //一个方法 def getList() { def list = Ware.list(max: maxsize,offset: start); //render是为了传输数据，json为数值对的形式 //data:list render(contentType: "application/json") { [state: 'ok', code:"0" , data: list, listCount:Ware.count()] }2.在web-app中js文件夹创建一个名为showlist的文件夹， 在里面创建一个show.js的js文件，为了从controller中获取数据并传给gsp页面
//全局变量 list $scope.List = []; //写js的方法 $scope.getList= function (){ //WEBROOT+'/list/getList' list 指的是ListController， getlist是这个类中的方法 $http({method : 'POST',url : WEBROOT+'/list/getList',params:{pageindex:$scope.selPage},headers : window.utf8_headers}) .success(function(rtndata, status, headers, config){ //访问getlist方法成功后，rtndata中存储的就是render 中的数据 $scope.pageL = false; //把数据存储在全局变量list中 $scope.List = rtndata.data;3.在views文件夹下创建一个showlist的文件夹（此名字一定要与js中的名字叫相同） 在文件夹下创建一个show.gsp (这个名字也要与show.js名字相同) 为了显示数据
//ng-repeat是循环显示数据 list in List list是一个变量名，List是Js中全局变量List <tr class="gradeA" ng-repeat="list in List" > //都是实体类对应的一些属性 <td>{{ list.title }}</td> <td>{{list.jifen}}</td> <td>{{list.price}}</td> <td>{{list.wareCount}}</td> <td>{{list.statusTr}}</td>4.show.gsp与show.js要有一个对应 show.gsp中
在<body >中最大的div <div ng-controller="showlistctr">show.js中
//定义自己的一个ID var appid = "list" window.appModels.push(appid) // controller ‘showlistctr’要与gsp中的ng-controller="showlistctr"对应 var app = angular.module(appid, []); app.controller('showlistctr', function($scope,$http) { }