Дисплей 2D данные в угловых JS от контроллера пружины покоя

Question

мне нужно отображать данные, как показано ниже

+------+----------+----------+----------+ 
| Name | Subject1 | Subject2 | subject3 | 
+------+----------+----------+----------+ 
| A |  20 |  30 |  40 | 
| B |  21 |  31 |  41 | 
| C |  2 |  3 |  4 | 
+------+----------+----------+----------+ 

Я использовал Spring MVC. Я создал модель - Student.Java

import java.util.ArrayList; 
    public class Student { 
    ArrayList<String> markList; 
    public ArrayList<String> getMarkList() { 
    return markList; 
    } 
    public void setMarkList(ArrayList<String> markList) { 
    this.markList = markList; 
    } 
    } 

Я использовал ResponseBody и вернул список для этого метода. Я использовал AJAX вызов и получил ответ JSON, как показано ниже

[{"markList":["name","subject1","subject2","subject3"]}{"markList": ["A",20","30","40"]},{"students":["B",21","31","41"]},{"students":["C",2","3","4"]}] 

В моем Angularjs контроллер я просто использовал AJAX вызов и назначен ниже

var reponseData= reponse.data; 
var studentarray; 
var marklist; 
for(var i=0;i<responseData.length;i++){ 
studentarray.push(responseData[i]); 
} 
for(var j=0;j<studentarray.length;j++){ 
    marklist.push(studentarray[j].markList); 
} 
$scope.studentslist=marklist; 

Мой JSP код {{цв}}

Но я не получаю желаемого результата. Может кто-нибудь помочь мне, как создать модель и получить доступ к ней в js. Пожалуйста, помогите

Answer 1

Вам не нужно повторять итерацию массива, создавая новый массив на странице, просто назначая response.data на studentslist. Вы можете просто использовать ng-repeat для отображения таблицы на странице.

<table class="table table-bordered"> 
    <tr ng-repeat="list in studentslist"> 
    <td ng-repeat="mark in list.markList">{{mark}}</td> 
    </tr> 
</table>