угловая ионная форма отправить с помощью кнопки, которая не находится в форме тегов

Question

Я использую библиотеку с именем floating-tabs.js, которая используется для создания плавающих навигационных кнопок: вот пример того, как выглядит макет

<floating-tabs> 
    //this is my button 
    <floating-tabs-item icon="ion-android-arrow-dropright-circle" click="goNext(data)"></floating-tabs-item> 
</floating-tabs> 

<ion-content> 
    <form name=“formName” ng-submit="goNext(data)"> 
     ***form stuff 
    </form> 
</ion-content> 

Как я могу отправить/проверить форму без моей кнопки внутри формы тегов

Спасибо, ребята

Answer 1

здесь я использую простую форму смены пароля.

<form name="changepasswordform" novalidate>         
    <input type="password" placeholder="New Password" class="reset-inputs" name="newpassword" ng-keyup="compare()" ng-model="changePassword.newpassword" maxlength="10" required/> 
    <span style="color:red" ng-show="submitted && changepasswordform.newpassword.$error.required">Required</span> 
</form> 
<button type="button" class="reset-submit" ng-click="changepassword(changepasswordform.$valid,changePassword)">Change Password</button> 

это кнопка состоит из стороны в виде

и, пожалуйста, используйте скрипт в контроллере

$scope.submitted = false; 
$scope.changepassword = function(formValidStatus, formdata) { 
if (!formValidStatus) { 
    $scope.submitted = true; 
} else { 
    $scope.submitted = false; 
} 
} 

в сценарии я проверяю форма действительна или нет, если форма не является действительным я Я показываю сообщения об ошибках, используя предоставленную переменную из сценария.

Это работает для меня