How To Push Entered Text In Field Input And Textarea To Json Angular

How do I place comments with Angular, when someone is clicking on the button. Everytime if I enter some text in the field input and textarea, the text will be gone. There will be a

Solution 1:

Push dataObject to comments array and create new dataObject with empty fields:

<tableng-app="forum-page"ng-controller="Forum"><trng-repeat="comment in comments"><td>{{comment.name}}</td><td>{{comment.comment}}</td><td>{{comment.country}}</td><td></td></tr><tr><td><inputtype="text"id="comment-name"class="comment-form"ng-model="dataObject.name"/></td><td><inputtype="text"id="comment-country"class="comment-form"ng-model="dataObject.country"/></td><td><textareatype="text"id="comment-box"class="comment-form"ng-model="dataObject.comment"/></textarea></td><td><buttonng-click="addComment()">Place comment</button></td></tr></table><scriptsrc="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script><script>
angular.module("forum-page", [])
.controller("Forum", function($scope) {
  $scope.comments = [
    {
      "name": "Kevin", 
      "comment": "Wat een mooi toestel vandaag ontvangen, zeer blij met mijn bestelling :)", 
      "country": "Nederland"
    }, 
  ];

  $scope.addComment = function() {
    $scope.comments.push($scope.dataObject);

    $scope.dataObject = {
      name: '', 
      comment: '', 
      country: ''
    }; 
  };
});
</script>