Javascript 如何在数组中存储新对象

我有一个HTML页面：-

<div class="form-group">  
  <label>Template:</label>
    <input type="text" class="form-control" ng-model="a.Template">

  <label class="col-md-6">Name:</label>
    <input type="text" class="form-control" ng-model="a.Name">

    <label class="col-md-6">Class:</label>
      <input type="text" class="form-control" ng-model="a.Class">

    <label class="col-md-4">Code:</label>
        <input type="text" class="form-control" ng-model="a.Code">
    <label class="col-md-4">Item Name:</label>
        <input type="text" class="form-control" ng-model="a.ItemName">
</div>


             <table cellpadding="0" cellspacing="0" >
                        <thead>
                            <tr>
                                <th>Template</th>
                                <th>Name</th>
                                <th>Class</th>
                                <th>Code</th>
                                <th>Item Name</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="row in List track by $index">
                                <td>{{row.Template}}</td>
                                <td>{{row.Name}}</td>
                                <td>{{row.Class}}</td>
                                <td>{{row.Code}}</td>
                                <td>{{row.Item Name}}</td>
                            </tr>
                        </tbody>
                  </table> 



 <button type="submit" ng-click="add()">Add</button>

我试图做的是在我的“添加”按钮上，所有用户输入的信息都应该添加到列表数组中。我正在将用户输入存储在对象“a”中。 我应该怎么做才能将每个对象添加到数组中。

您的按钮：

<button ng-click="add()">Add</button>

---

显示您的

添加

按钮功能以及该指令的用途？我支持@SaiUnique。需要更多的代码和清晰的解释吗

<button ng-click="add()">Add</button>

 function add() {
   List.push([$scope.a]);
 }