относительно угловой директивы js ng-repeat

0

вот ниже мой код. данные поступают со стороны сервера и эти данные, я хочу показать в виде таблицы с помощью директивы ng-repeat, которая предоставляется угловыми js.

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
    этот код не имеет смысла. У вас есть какая-то форма, которую вы здесь не показываете, и после успешного завершения POST вы хотите просмотреть результаты? POST используется для отправки данных на сервер, а не для получения данных; кроме того, вы даже не задавали вопрос.
Показать ещё 2 комментария
Теги:

1 ответ

0
  • Вам не нужно еще, если условие, еще достаточно
  • Вы не можете поместить метку внутри tr
  • Инициализировать studentModel как массив

    $scope.studentModel = [];
    
  • Если вы хотите прослушать изменение области, используйте $ watch, вот пример.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню