Submit form on modal does not work angular - html

Question

I got a form on my modal, my plan was just to call a function for the submit but it doesn't do anything. The modal call is from my controller after clicking a submit button.
Controller
modal.popup({
title: "Title",
templateUrl:
"page.html",
size: "lg",
item: data,
});
Modal
popup: function(params) {
var modal;
modal = openOmniModal(
{
id: params.id,
item: params.item,
successCallback: function () {
if (
params.datatable &&
typeof params.datatable.refreshList === "function"
) {
params.datatable.refreshList();
}
if (
params.successCallback &&
typeof params.successCallback === "function"
) {
params.successCallback.apply(undefined, params.successCallbackParams);
}
$timeout(function () {
modal.close();
}, 1000);
},
errorCallback: function () {
if (
params.datatable &&
typeof params.datatable.refreshList === "function"
) {
params.datatable.refreshList();
}
if (params.errorCallback && typeof params.errorCallback === "function") {
params.errorCallback.apply(undefined, params.errorCallbackParams);
}
},
params: params.params,
close: function () {
modal.close();
},
modal: {
dismissable: true,
title: params.title || "",
subtitle: params.subtitle || "",
templateUrl: params.templateUrl,
},
},
params.windowClass || "modal-primary",
params.size
);
}
HTML
<form class="form" name="form" ng-submit="service.function(form, data)">
<div class="form-group">
<label for="exampleFormControlTextarea1">TextArea</label>
<textarea class="form-control" id="comment" rows="3" maxlength="1000"></textarea>
</div>
<div class="form-group row">
<div class="col-md-3">
<input type="submit" value="Cancel" id="btn-cancel" class="btn btn-block btn-outline" ng-click="close()">
</div>
<div class="col-md-3">
<input type="submit" value="Save" id="btn-save" class="btn btn-block btn-primary">
</div>
</div>
</form>
I've tried to add a handler on my controller this.submit but it still didn't work. Any ideas on what part I am wrong and what can I do to improve it?