Javascript 是否在angular controller中提交x-可编辑表单？

我正在使用一个x-editable rowform表来显示一些可编辑的内容。每一行都包含一个带有编辑/删除按钮的表单，如果行表单处于活动状态，该按钮将更改为提交/取消按钮

我希望有一个模式来显示一个表单，该表单将填充新行的所有数据，而不是通过“添加”按钮向表中插入一个空的新行。直到这里一切都很好

模式打开，可以填写数据，只需单击模式中的另一个“添加”按钮，模式表单的数据就会插入到新的行表单中

唯一的问题是：rowform仍处于活动状态，尚未提交。我需要单击表行中的“提交”按钮来保存更改

如何在控制器中提交活动行表单？

模态

    <div id="modal-addStudent" class="modal fade animate" data-backdrop="true">
      <form>
        FORM ELEMENTS

        <button type="reset" data-dismiss="modal">Close</button>
        <button type="submit" ng-click="addTR(insert)" data-dismiss="modal">Add</button>
      </form>
    </div>

---

好的，通过删除表单标记中的'show=inserted==tr'属性，我可以添加一个学生，而不必保持表rowform可见。

    <table>
      <tr>
        TDs...
        <td>
          <button type="button" data-toggle="modal" data-target="#modal-addTR" class="btn btn-xs white pull-right">
            <i class="material-icons">&#xe145;</i> Add
          </button>
        </td>
      </tr>
      <tr ng-repeat="tr in trs | filter:filterTrs">
        TDs
        <td style="white-space: nowrap">
          <form editable-form name="rowform" onbeforesave="saveTR(tr)" ng-show="rowform.$visible" class="form-buttons form-inline pull-right" shown="inserted == tr">
            <button type="submit" ng-disabled="rowform.$waiting">Submit</button>
            <button type="button" ng-disabled="rowform.$waiting" ng-click="cancel()">Cancel</button>
          </form>

          <div class="controls pull-right" ng-show="!rowform.$visible">
            <button class="btn white btn-xs" ng-click="rowform.$show()">
        Edit
            </button>
            <button class="btn white btn-xs" ng-click="deleteTR($index)">
        Del
            </button>
          </div>  
        </td>
      </tr>
    </table>

    function addTR(tr) {
      vm.inserted = {
        id: vm.students.length+1,
        data: tr.data,
        isNew: true
      };

      vm.trs.unshift(vm.inserted);

      //rowform should be submitted here
    };