关于Angular js ng-repeat指令

时间:2015-08-23 20:24:59

标签: javascript angularjs

下面是我的代码。数据来自服务器端和这些数据,我希望借助于由角度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>

1 个答案:

答案 0 :(得分:0)

  • 如果条件不需要别人,否则就够了
  • 您不能在tr
  • 中添加标签
  • 将studentModel初始化为数组

    $scope.studentModel = [];
    
  • 如果您想收听范围的更改,请使用$ watch,这是example