html angular

<!doctype html>
<html data-ng-app="angularku">
  <head>
    <title>insert data</title>
    <script src="angular.min.js"></script>
  </head>
  <body ng-controller="MainController">
    {{ data }}
    <div data-ng-repeat="key in data">
      Nama <input type="text" data-ng-model="data[$index].nama"><br>
      Kelas<input type="text" data-ng-model="data[$index].kelas"><br>
    </div>
    <button data-ng-click="tambah()">+ Data</button>
    <button data-ng-click="cancel()" data-ng-show="data.length > 1">Cancel</button>
    <button data-ng-click="simpan()">SImpan</button>
    <p> {{ pesan }}</p>
  </body>
</html>
  <script>
    var app = angular.module('angularku', []);

    app.controller('MainController',function($scope,$http){
        //setting type data 'data' dengan object
        $scope.data = [{nama : '',kelas : ''}];
        //fungsi tambah inputan
        $scope.tambah = function(){
            $scope.data.push({nama : '', kelas : ''});
        };
        //fungsi kurangi inputan
        $scope.cancle  function(){
            $scope.data.splice($scope.data.length-1);
        };
        //fungsi simpan data
        $scope.simpan = function(){
            $http.post('http://localhost/angularku/server.php?action=insert', $scope.data).success(function(response){
                if(response > 0){
                    $scope.data = [{nama : '', kelas : ''}];
                    $scope.pesan = response +' Data telah berhasil disimpan';
                    $scope.$apply();
                }
            });
        }
    })
  </script>