AngularJS Предотвращение действия по умолчанию на кнопке

Question

У меня есть форма с несколькими кнопками. Я хочу иметь две разные функции отправки для каждой кнопки. Как я могу это достичь?

<form id="loginForm" name="loginForm" ng-submit="submitForm()"> 
    <div class="form-group"> 
    <input type="text" class="form-control" id="userCompany" placeholder="Company" ng-model="user.companyId" required> 
    </div> 
    <div class="form-group"> 
    <input type="text" class="form-control" id="userUsername" placeholder="Username" ng-model="user.userId" required> 
    </div> 
    <div class="form-group"> 
    <input type="password" class="form-control" id="userPassword" placeholder="Password" ng-model="user.password" required> 
    </div> 
    <button type="submit" class="btn btn-default">Submit</button> 
    <button class="btn btn-default">Change Password</button> 
    <span ng-show="errorData">{{errorData}}</span> 
</form> 

Я пытаюсь сменить пароль, вместо этого измените свой пароль().

Answer 1

Удалить ng-submit из вашего элемента формы, а также использование нг нажмите на ваши две кнопки:

<button type="button" class="btn btn-default" ng-click="submitForm()">Submit</button> 
<button type="button" class="btn btn-default" ng-click="changePassword()">Change Password</button> 

Answer 2

Вы должны указать, что это не кнопка представить, добавляя type="button" к нему.

<button type="button" ng-click="changePassword()" class="btn btn-default">Change Password</button>