下面是我的代码。数据来自服务器端和这些数据,我希望借助于由角度js提供的ng-repeat指令以表格形式显示。
var app = angular.module('studentInfo', []);
app.controller('studentInfoController', function($scope,$http) {
$scope.student ="";
$scope.studentModel ="";
$scope.submitStudentForm = function(isFormValid) {
if(isFormValid){
console.log("form valid")
console.log($scope.student);
$http({
method: 'POST',
url: 'school/studentinfo',
headers: {'Content-Type': 'application/json'},
data: {'studentInfo':$scope.student}
}).success(function(data, status, headers, config) {
$scope.studentModel = data;
console.log("student infor"+data);
// console.log("Student RollNumber:" +data.studentRollNo);
// console.log("Student Name:" +data.studentName);
//console.log('What is status here:' +status);
}).error(function(data, status, headers, config) {
alert("Error Occured:"+status);
});
} else if(!isFormValid) {
console.log("Not valid")
$scope.submitted = true;
return;
}
};
});
以上所有数据都在此声明$scope.studentModel = data;
这是我的jsp文件,在这个文件中我想以表格形式显示数据
<table id="stuId" border="3 px">
<tr>
<th>StudentRollNo</th>
<th>StudentName</th>
</tr>
<tr ng-repeat="studentInformation in studentModel" style="color: blue;">
<label class="control-label">
student information in school :{{studentModel.length}}
</label>
<td>
{{studentInformation.studentRollNo}}
</td>
<td>
{{studentInformation.studentName}}
</td>
</tr>
</table>
答案 0 :(得分:0)
将studentModel初始化为数组
$scope.studentModel = [];
如果您想收听范围的更改,请使用$ watch,这是example