2015-08-23 71 views
0

下面是我的代碼。數據來自服務器端和這些數據,我想借助由角度js提供的ng-repeat指令以表格形式顯示。關於Angular 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

問題是什麼?這裏沒有問題。 – charlietfl

+0

這段代碼沒有意義。你有一些你沒有在這裏展示的表單,並且在POST的成功之後,你想要遍歷結果? POST用於向服務器提交數據,不檢索數據;除此之外,你甚至還沒有問過一個問題。 – Claies

+0

我想使用json obj將數據從servlet發送到jsp。 –

回答

0
  • 你不不需要其他條件,否則就足夠了
  • 你不能在tr裏放一個標籤
  • 初始化studentModel作爲陣列

    $scope.studentModel = []; 
    
  • 如果你想聽聽範圍的變化,使用$手錶,這裏是一個example