Add value of key that will be pushed to an array Angular - html

Question

The value inside the input and textarea should be pushed the entire JavaScript part works, but how can I bind the ng-model so that Angular will pick up the value of entered information and push that into an array. Anyone an idea how to do that in HTML.
angular.module("forum-page", ["myApp"])
.controller("Forum", function($scope) {
$scope.comments = [
{
"name": "Kevin",
"comment": "Wat een mooi toestel vandaag ontvangen, zeer blij met mijn bestelling :)",
"country": "Nederland"
},
{
"name": "Jason",
"comment": "What a great phone I received from Meizu, will surely come back to buy again in the future",
"country": "USA"
},
{
"name": "姚宣辰",
"comment": "這個手機很標亮， 下次也會買魅族智能手機",
"country": "中国"
},
];
$scope.addComment = function() {
$scope.comments.push({ "name": $scope.name, "comment": $scope.comment, "country": $scope.country});
var dataObj = {
name: $scope.name,
comment: $scope.comment,
country: $scope.country
};
$scope.dataObj = dataObj;
res.error(function(data, status, header, config) {
alert("failure message: " + JSON.stringify({data: data}));
});
$scope.name = "";
$scope.comment = "";
$scope.country = "";
};
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<input type="text" class="comment-box-name" ng-model="{{dataObj.name}}"/>
<input type="text" class="comment-box-comment" ng-model="{{dataObj.comment}}"/>
<textarea type="text" class="comment-box-country" ng-model="{{dataObj.country}}"></textarea>
<button ng-click="addComment()">Place comment</button>

Answer 1

No you cannot do that if you want that kind of automation in the template. In order to do that kind of action you need to place that action inside your click event listener which acts as the send button.
$scope.addComment = function () {
// Add validations before proceeding
theArray.push(dataObj);
}
Hope that helps

Answer 2

Some changes needed in your code :
1. remove {{}} from the ng-model value.
use dataObj.name,dataObj.comment,dataObj.country instead of {{dataObj.name}},{{dataObj.comment}},{{dataObj.country}}
2. use $scope object instead of var to initialize the object to perform the two way data binding.
$scope.dataObj = {
name: $scope.name,
comment: $scope.comment,
country: $scope.country
};
Demo!