希望使用Angular将表单中的数据作为JSON数组中的新对象提交

我希望创建一个带有提交按钮的简单输入框，该按钮将向JSON文件添加信息。我使用Angular来检索数据，创建一个新的JSON对象，并将这个对象和新数据发布到一个名为pets.JSON.的文件中

HTML

<form ng-submit="submit()" ng-controller="PetPosting">
Enter text and hit enter:
<input type="text" ng-model="text" name="text" />
<input type="submit" id="submit" value="Submit" />
</form>

Angular JS

  var app = angular.module('app', ['ui.bootstrap', 'bootstrapLightbox']);
 //load images from pets.json and display them in HTML
 app.controller('GalleryCtrl', function ($scope, Lightbox, $http) {
     $http.get('pets.json')
     .then(function(res){
      $scope.images = res.data;
   });
 });
 /*Add new data to JSON file*/
 app.controller('PetPosting',function($scope, $http) {
      $scope.submit = function() {
        if ($scope.text) {
          $http({
                    method: "post",
                    url: "pets.json",
                    data: {
                      "thumbUrl": $scope.text,
                    }
                });
        }
      }

});

我不完全明白这是怎么回事。如果您对如何完成这项简单任务有任何见解或指导，我们将不胜感激：）